Блог

Я исследовал вопрос, и из того, что я собрал, вы можете использовать -webkit-appearance: none; для достижения цели. Он удаляет закругленные углы из входных данных, но проблема в том, что я не могу установить радиус границы после этого. Я хочу, чтобы радиус границы поиска составлял 10 пикселей.

Убедитесь, что appearance свойство указано первым, и разместите другие свойства после него. Попробуйте это:

 body {
  background: black;
  color: white;
}
input[type="search"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0px none transparent;
  border-radius: 10px;
  line-height: 20px;
  background: #efdefc;
  color: #930;
  padding: 3px 5px;
}  

 <input type='search'>