CSS：我可以隱藏搜索框的邊框嗎？

我可以隱藏搜索框的邊框嗎？我希望它完全白色，只是文字應該可見。我需要針對所有瀏覽器的解決方案。CSS：我可以隱藏搜索框的邊框嗎？

看到的景象： http://dl.dropbox.com/u/72686/searchBox.png

2010-04-28 aneuryzm

文本框或搜索框？ – Salil 2010-04-28 12:14:43

...或複選框？ – 2010-04-28 12:15:48

...搜索框。我犯了一個錯誤，並得到5個答案 – aneuryzm 2010-04-28 12:39:08

您可以添加此

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

CSS

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

來源

2010-04-28 12:27:13

我不知道如果我理解正確。你爲什麼不隱藏複選框並留下標籤？（稍後使用javascript，您可以重新顯示覆選框）

來源

2010-04-28 12:14:43 nc3b

複選框無法在所有瀏覽器中設置樣式。常見的解決方案是使用兩個圖像，單擊時在兩者之間切換（並根據需要更新隱藏字段）。

來源

2010-04-28 12:14:59

通過使用標準複選框，我不確定您是否以跨瀏覽器的方式獲得此效果。您可以使用自定義元素，並使其像使用CSS和JavaScript的複選框一樣工作。

見這一個，它使用jQuery的

Fancy custom radio and checkbox

來源

2010-04-28 12:15:30 rahul

造型複選框不在跨瀏覽器的方式沒有一些jQuery的可行的，看看這個：Custom checkboxes with jQuery。這是唯一的方法，標準複選框無法在所有瀏覽器中設置樣式。

來源

2010-04-28 12:16:15 Kyle

「做到這一點的唯一方法」是jQuery？真？ – Robusto 2010-04-28 12:21:24

據我讀過... – Kyle 2010-04-28 14:02:00

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


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

來源

2010-04-28 12:18:46 Salil

CSS：我可以隱藏搜索框的邊框嗎？

回答

相關問題