Question

我有一个应用了一些样式的表单，包括边框。

我遇到的问题是，由于按钮被视为输入，它也有边框，但它是一个图像，因此我希望它没有边框。

<form action="" method="get"><p><label for="name">Name: </label><input name="name" type="text" size="22" maxlength="100" /></p><p><label for="name">Email: </label><input name="email" type="text" size="22" maxlength="100" /></p><p><label for="name">Tel: </label><input name="tel" type="text" size="22" maxlength="100" /></p><p><label for="name">Message: </label><br /><textarea name="message" cols="33" rows="4"></textarea></p><input type="image" value="submit" src="assets/images/submit_btn.png" width="85" height="26" border="0" alt="submit" name="submit"></form>

和css

input, textarea{border: 1px solid #D8CAB8;}.submit input, .submit textarea{color: #000;background: #ffa20f;border: 2px outset #d7b9c9;}

如何使按钮仍在表单内但没有边框？

谢谢：）

Answer 1

在你的css中使用选择器：）

如果您使用提交：

input[type="submit"] {
   border:0;
}

如果您正在使用图像类型，请尝试向其添加类

.imageclass {
   border:0;
}

Answer 2

为按钮指定CSS类no-border。然后使用代码

扩展CSSS

input.no-border {
    border-width:0;  }

就是这样，我希望

Answer 3

而不是为整个textarea和输入编写CSS，以类的形式写它，因为你提供css作为常见的输入，你无法删除边框

样式表 - 输入和按钮，CSS

3 个答案: