CSS: могу ли я скрыть границы окна поиска?

Question

Могу ли я скрыть границы окна поиска? Мне бы хотелось, чтобы он был полностью белым, просто текст должен быть виден. И мне нужно решение для всех браузеров.

Смотри картинку: http://dl.dropbox.com/u/72686/searchBox.png

Answer 1

Вы можете добавить это

<input name="textfield" type="text" class="hide_border" id="textfield" />

CSS

.hide_border{
    border:none;
    *border:solid 1px #FFF;
}

Answer 2

Используя стандартный флажок, я не уверен, что вы получаете этот эффект кросс-браузерным способом. Вы можете использовать пользовательский элемент и сделать его похожим на флажок, используя CSS и javascript.

Смотрите этот, который использует jquery

Необычное радио и флажок

Answer 3

<style>
.inputsearch input
{
   background-color: #FFF;
    border: none;
}
</style>


<div class="inputsearch" style="text-align:left;">
  <input type="text" value="HEy there ">
</div>

Answer 4

Флажки «Стилизация» невозможно реализовать в кросс-браузерном режиме без некоторого jQuery, взгляните на это: Пользовательские флажки с jQuery . Это единственный способ сделать это, стандартные флажки не могут быть стилизованы во всех браузерах.

Answer 5

Флажки не могут быть установлены во всех браузерах. Распространенным решением является использование двух изображений, переключение между ними при нажатии (и обновление скрытого поля при необходимости).

Answer 6

Я не уверен, правильно ли я понимаю. Почему бы вам просто не спрятать флажок и оставить ярлык? (Позже, используя javascript и т. Д., Вы можете снова отобразить флажок)