占用整行的文本字段

Question

我有一个文本字段将整个水平距离扩展到我不想要的窗口。我试图以任何方式限制大小，我能想到的：

<input class="searchField" id="searchBar" style="size:10;" type="text" size="10px" value="Search Here" /> 

与CSS：

#searchBar input 
{ 
    width:10px; 
} 

.searchField 
{ 
    size:10px; 
} 

很可能是某处其他HTML/CSS代码，使其展开所有方式。我的问题：有没有一种方法来覆盖它，使得在本地输入文本字段，我可以有我自己的大小，说10像素？

Answer 1

只是柜面它与一个不同的width属性有针对性的其他地方，使用

.searchField { width:10px !important; } 

Answer 2

更改width属性。

#searchBar { 
    width: 10px; 
} 

Answer 3

我从来没有听说过size CSS属性。你的意思是width（说width: 10px）？

Answer 4

'size'是一个无效的css属性。改用宽度。例如，给你的输入宽度为100px，10px太少了。您可能还想看看Input size vs width

Answer 5

尝试使用宽度CSS属性。

.searchField 
{ 
    max-width: 10px; 
}