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

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

Answer 3

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

Answer 4

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

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

Fancy custom radio and checkbox

Answer 5

Styling флажков не является выполнимой в Crossbrowser моды без какой-JQuery, посмотрите на это: Custom checkboxes with jQuery. Это единственный способ сделать это, стандартные флажки не могут быть оформлены во всех браузерах.

Answer 6

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


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