《
CSS控制input标签需要注意的问题》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333P2013.htm
--> [
网站建设之]CSS节制input标签需要注意的问题
二、input标签不会继续父元素的字体款式跟大小,CSS控制H1不换行，须要直接给input标签申明font-family和font-size属性,CSS技巧教程 css书写技巧。
Tag：CSS input标签 CSS input标签 ,
CSS技巧总结;
为了彻底解决搜索框的这些问题，我以GreenGaint主题搜索框的样式为准,CSS技巧之圆角背景与三角形，重写了一遍代码并且以像素为单位丈量了一下在不任何样式表的情形下＜input>标签在默认浏览器中的实际差异。
总结一下，在给input标签写CSS时需要注意的有以下多少点：
三、给属性为text的input标签设置合适的width属性和padding属性，确保其中的文字在适合的范畴内呈现,css技巧之PDF、ZIP、DOC链接的标注。尤其是应用了背景图片后,CSS技巧 模块化编码，要让文字框的大小和背景图片的大小相称，这样看上去更加雅观。
咱们晓得input标签用CSS设置后能够实现很好的后果，那么在详细的把持中需要留神什么问题呢？重要的问题有这么两个：一是input标签的高度不能同一，Firefox和IE中的高度始终不能一致；二是在IE阅读器中属性为text的input标签中的输入文字不像尺度浏览器中的那样垂直居中显示，而是靠输入框的左上角显示。
一、不要给属性为text的input标签设置高度，这样无奈让IE浏览器下输入框中的文字垂直居中显示。只管你后来想要通过设置padding属性来让文字居中，你会发明基本没法让它在Firefox和IE中获得一致的效果,CSS找bug的口诀秘籍。准确的做法是直接给input标签设置padding属性，通过内边距属性来调节input标签的高度,CSS打造超炫进度条、柱状图，而且这时IE中的文字也是居中显示的。
成果发现：input标签在type为text时，在Firefox和Safari中的默认高度为22像素（包括高低边框）宽度为146像素（包括左右边框），而在IE中的默认高度为24像素，而宽度却和Firefox和Safari是一致的，也是146像素,CSS打造经典鼠标触发显示选项。当 input标签在type为submit时，在Firefox中的高度为23像素（包含暗影），宽度为75像素,css我们真的走的太远了吗。在Safari中高度为21像素，宽度为73像素，在IE中高度为为25像素、宽度为73像素。
那么在样式化input标签时又该注意哪些问题呢？先来看下面经由样式化后，在不同浏览器中都有着良好表示的搜寻框。
(责任编辑：网站建设)
CSS控制input标签需要注意的问题相关文章