我想知道如何使用纯CSS实现最佳效果。
情况:
我有一个文本框,可以搜索特定的项目。现在我还有一个高级搜索,几乎与默认的文本框相同,但是高级搜索文本框的宽度要小得多。
我的问题:
如何最好地为文本框设置样式?
我的解决方案:
我已经像这样修复了它:
.defaultTextBox {
padding: 0;
height: 30px;
position: relative;
left: 0;
outline: none;
border: 1px solid #cdcdcd;
border-color: rgba(0,0,0,.15);
background-color: white;
font-size: 16px;
}
.advancedSearchTextbox {
width: 526px;
margin-right: -4px;
}
然后在 HTML 中,高级搜索文本框的代码可能看起来像这样:
<input type="text" class="defaultTextBox advancedSearchTextBox" />
这是最好的方法吗?还是有其他选择可用?对于只有一个文本框,这是可以做到的,但如果我需要在其他页面上添加更多文本框呢?
提前感谢 :)!