为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的输入框上面要粗些

我的输入框  上面粗  下面细呢

正在回答

5 回答

因为input标签有一些默认样式 你只要设置*{padding:0;margin:0}就可以了

3 回复 有任何疑惑可以回复我~

我的也是这样 下边框不够3px 是哪里的问题呢

0 回复 有任何疑惑可以回复我~
#1

沉鱼yy

新手拙见:不同浏览器甚至同一浏览器不同版本(不同内核)的默认样式是不同的,所以在写样式之前一般要初始化代码. 简单点就是:*{margin:0;padding:0} 或者参考雅虎针对user agent stylesheet 总结的规则放到一个名为Reset.css的文件中单独引用
2017-06-19 回复 有任何疑惑可以回复我~
#2

沉鱼yy

哈哈,我好像答错对象了
2017-06-19 回复 有任何疑惑可以回复我~

虽然不知道为什么,但是把

padding:3px 0 3px 0;改成

padding-top: 2px;
padding-bottom: 4px;

看到的框一样大

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//55af2d2b0001b1bc13590086.jpg

<!DOCTYPE HTML>


<html>

<head>

<meta http-equive="Content-Type" content="text/html;charset=utf-8">

<title>淘宝搜索框制作</title>

<style type="text/css">

body{font:12px/1.5 tahoma,arial,sans-serif;}

a{text-decoration: none;}

.search_tips{float:right;}

.search_tips a{color:#6c6c6c;}

.search_button{float:right;}

.btn_search{background:url(http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png);width:100px;height:45px;background-position:0 -200px;border:0;cursor:pointer;}

.search_common_panel{height:39px;background:#f50;overflow:hidden;padding:3px 0 3px 0;}

.search_common_panel input{height:39px;line-height:39px;width:100%;border:0 none;outline:0;background:#fff;}

</style>

</head>

<body>

<div class="search_container">

<div class="search_list"></div>

<div class="search_panner">

<form>

<div class="search_tips">

<a href="#">

高级<br>搜索

</a>

</div>

<div class="search_button">

<input class="btn_search" type="submit" value=""></input>

</div>

<div class="search_common_panel">

<input type="text" />

<i></i>

</div>

</form>

</div>

</div>

</body>

</html>


0 回复 有任何疑惑可以回复我~

请贴出截图和源代码

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
搜索框制作
  • 参与学习       66041    人
  • 解答问题       431    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

为什么我的输入框上面要粗些

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信