如何使input里面可以用data-rules属性

如何使input里面可以用data-rules属性

我还是那句话，把某个事物简单的归结为单一的观点都是片面的。1、楼主主观的认为input就是inline元素是片面的。2、@丁小倪说是inline-block也是不全面的，因为IE8之前CSS2.0标准中是没有inline-block这个概念的，但并不代表IE6-7不支持inline-block的某些特性，详见《inline-block前世今生》。3、元素默认以何种display属性值显示出来，这个其实的时候是由浏览器决定的（不同浏览器的差异性，导致我们需要resetCSS），下面是部分浏览器input元素默认CSS：IE6、IE7、IE8、IE9(部分)background-color:#FFF;border-width:2px;font-family:sans-serif;font-size:10pt;overflow:hidden;padding:1px;zoom:1;Webkit-r61376input,textarea,keygen,select,button,isindex,datagrid{margin:0__qem;font:-webkit-small-control;color:initial;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:-webkit-auto;}input[type="search"]{-webkit-appearance:searchfield;-webkit-box-sizing:border-box;}我们可以看到在IE中，input默认样式zoom:1;overflow:hidden;都是触发了hasLayout或者Blockformattingcontexts。webkit内核浏览器中是默认定义为inline-block的，firefox和opera默认没有定义任何display属性值。所以IE中inputdisplay默认属性值并不是inline-block，只是触发了hasLayout或者BFC使其具有了inline-block类似的特性（可设置宽高）。webkit中如果inputtype=search，由于默认的box-sizing是border-box，对其设置宽高和其他浏览器表现出来也是有差异的，所以有时候我们会重置为：input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息