Question

如何禁止input的style属性？

今天做界面的时候发现一个奇怪的问题：当我把界面做好之后，将相应的部分内嵌至form表单内的时候，其中的文本框会莫名其妙地变长(type="text")(如图)。寻思是不是css出现了定位问题(因为假如是选择器出现了问题，其他效果不会有效)，检查，无果；尝试去除css中关于width的属性，直接在input内添加style，无果；然后更换各种浏览器，无果；最后在开发者模式发现，input在添加表单后会被莫名其妙地添加上style="width: 393px"的属性，是否form本身带有什么样式属性呢？





Answer 1

首先，你的假想完全是错的
这个宽度肯定是别的地方设置的，没有其他，肯定是一样的class，或者id，或者是直接用标签选择器选择的DOM对象加了统一的样式，要么就是设置了针对于父级DOM的样式，
做法可以直接设置input的宽度，其实你可以从开发者模式中一眼辨认出来哪里出了问题，如果直接在第一行的style上，那么肯定是针对于父节点的宽度