Question

我可以隐藏搜索框的边框吗？我想它完全是白色的，只是文字应该是可见的。我需要一个适用于所有浏览器的解决方案。

见图： http://dl.dropbox.com/u/72686/searchBox.png

Answer 1

通过使用标准复选框，我不确定您是否以跨浏览器方式获得此效果。您可以使用自定义元素，并使用CSS和javascript使其像一个复选框。

请参阅此使用jquery的文件

Answer 2

你可以添加这个

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

CSS

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

Answer 3

我不确定我是否理解正确。你为什么不隐藏复选框并留下标签？（稍后使用javascript，你可以重新显示复选框）

Answer 4

无法在所有浏览器中设置复选框样式。常见的解决方案是使用两个图像，在单击时切换两个图像（并根据需要更新隐藏字段）。

Answer 5

如果没有一些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>

CSS：我可以隐藏搜索框的边框吗？

6 个答案: