Я хотел бы узнать, что лучше всего делать с чистым CSS.
Ситуация:
У меня есть текстовое поле, в котором я могу искать определенные элементы. Однако теперь у меня также есть расширенный поиск с почти тем же текстовым полем, но ширина расширенногоSearchTextbox меньше, чем стандартная.
Мой вопрос
Каков наилучший способ создания текстового поля?
Мое решение
Я исправил это сейчас следующим образом:
.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 он будет выглядеть примерно так для advancedSearchTextbox:
<input type="text" class="defaultTextBox advancedSearchTextBox" />
Это лучший способ сделать это? Или есть другие варианты? Что касается только одного другого текстового поля, он делает, но что, если мне нужно больше текстовых полей на других страницах?
Заранее спасибо:)!