如何设置文本框的样式，使其不具有边框？

我有一个文本字段，我不想在它周围显示边框，因为它是只读文本字段。我如何让它在没有边框和没有背景色的情况下出现？如何设置文本框的样式，使其不具有边框？

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

如何设置文本框的样式，使其不具有边框？

回答

相关问题