Question

我有一个文本字段，我不想在它周围显示边框，因为它是一个只读文本字段。如何让它在没有边框且没有背景颜色的情况下显示？

Answer 1

因为您没有提供有关css版本的任何信息，所以这是一个例子：

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

working demo

Answer 2

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

Answer 3

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

编辑：哦，你知道吗，transparent实际上适用于IE6。我记得它不适用于某些属性，例如border。

Answer 4

<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>

Answer 5

尝试了以下几点：

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

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

如何设置文本字段的样式以使其没有边框？

5 个答案: