如何設置文本框的樣式，使其不具有邊框？

我有一個文本字段，我不想在它周圍顯示邊框，因爲它是隻讀文本字段。我如何讓它在沒有邊框和沒有背景色的情況下出現？如何設置文本框的樣式，使其不具有邊框？

2010-07-13 Autolycus

你可以添加一些標記代碼？你的任何CSS試驗？ – 2010-07-13 16:24:39

因爲你沒有提供有關的CSS版本的任何信息，這裏有一個例子：

<style type="text/css"> 
    input[type=text] 
    { 
     border: 0px; 
     background: transparent; 
    } 
</style> 
<input type="text" value="helllo" />

working demo

來源

2010-07-13 16:24:04

#input { border:0; background:transparent; }

來源

2010-07-13 16:25:00

#your_text_field { 
    border-style: none; 
    background-color: transparent; 
}

編輯：哦，你怎麼知道， transparent實際上適用於IE6。我記得它不適用於某些屬性，例如border。

來源

2010-07-13 16:25:07 casablanca

試圖沿着線的東西：

<input class="noBorderAndBackground" type="text" /> 

noBorderAndBackground{ 
    background-color:white; 
    border-style:none; 
}

來源

2010-07-13 16:26:35

<html> 
<head> 
<style type="text/css"> 
    input.asLabel 
    { 
     border: none; 
     background: transparent; 
    } 
</style> 
</head> 
<body> 
<form> 
    <input class="asLabel" type="text" value="See, don't touch :)" disabled/> 
</form> 
</body> 
</html>

來源

2010-07-13 16:48:01 ttchong

如何設置文本框的樣式，使其不具有邊框？

回答

相關問題