На полях ввода, которые типа «поиск» в HTML5 браузерах добавляются некоторые маленькие синие «X» в правом верхнем углу, что на самом деле является кнопкой. Эта кнопка очистит ввод поиска пользователя , если пользователь нажимает на «X», или если он нажимает клавишу ESC на клавиатуре. Это , конечно, полезная функция, но для некоторых стилизованных форм поиска она просто не подходит и может выглядеть весьма некрасиво. Всё еще ищите чтобы отключить крестик в хроме?
Вот как это выглядит.
Вот css Для скрытия крестика 1) в ie 2) хроме внутри инпут:
1)
|
1 2 |
input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } |
2)
|
1 2 3 4 |
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } |
Я испытал это в следующих браузерах IE, Firefox, Chrome и Opera. Если суммировать этих 2 кода, то отключим крестик почти во всех браузерах.
есть еще такая модификация кода:
|
1 2 3 4 5 6 |
input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } |
привет
как то не зашло, куда этот код прописать?
в css )) Может у вас кешь не очищен?