Question

有人知道如何使用Form或Input标签隐藏HTML中的边框吗？

我的代码如下：

<form name="timerform">
    Your session will expired in
    <input type="text" name="clock" size="7" value="5:00">
</form>

Answer 1

您也可以使用

input[type="text"] { border: none }

当您有其他输入类型时，这是有用的，即type="submit"，但IE＆lt; 8不支持类型。

检查this with type和this without type。

更新：您也可以按照以下方式使用

<input style="border:none" type="text" name="clock" size="7" value="5:00">

Updated Demo

Answer 2

在CSS中设置样式。 CSS可以在网页的HEAD部分内联应用......

<head>
    <style type="text/css">
      input { border: none }
      /* other style definitions go here */

    </style>
</head>
<body>
  <!-- your HTML code below... -->

或者在你的情况下可能是最简单的：

<form name="timerform">
    Your session will expired in
    <input type="text" name="clock" size="7" value="5:00" style="border:none" />
</form>

取决于您对此页面的处理程度。进一步阅读：http://www.w3schools.com/css/css_howto.asp

在HTML表单或输入中隐藏边框

2 个答案: