你能用css设计html表单按钮的样式吗？

我不喜欢默认的按钮样式。真的很无聊。我正在使用

<input type="submit">

---

键入按钮。我可以用css设计这些样式吗？如果不是，我想另一种方法是使用div，并将其作为链接。如何使这些样式与表单一起工作？

将以下样式写入同一html文件头部分或写入.css文件

<style type="text/css">
.submit input
    {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
    }
</style>

<input type="submit" class="submit"/>

.提交意见
{
颜色：#000；
背景#ffa20f；
边框：2px起点#d7b9c9
}

---

.submit-in css。表示类，因此我创建了一个带有一组属性的submit类
并将该类应用于submit标记，使用class attribute

是的，它非常简单：

input[type="submit"]{
  background: #fff;
  border: 1px solid #000;
  text-shadow: 1px 1px 1px #000;
}

---

我建议给它一个ID或一个类，这样你就可以更容易地定位它。

是的，你可以使用

input[type=submit]

来定位那些特定的对象，例如

.myFormClass input[type=submit] {
  margin: 10px;
  color: white;
  background-color: blue;
}

---

您可以通过CSS轻松实现所需的：

HTML

<input type="submit" name="submit" value="Submit Application" id="submit" />

---

您可以通过以下方式直接创建自己的风格：

 input[type=button]
 { 
//Change the style as you like
 }

您可能需要添加：

-webkit-appearance: none; 

---

如果您需要在Mobile Safari上保持一致性…

我可以对文本输入和文本区域执行相同的操作吗？@Xzar为什么不确定您是否可以通过CSS轻松自定义文本输入和文本区域的设计……我认为这不行--OP used type=submit，not type=button。某些样式（即：文本阴影）不会通过类应用，只有直接针对输入类型时才有效。在IE11中不适用于我。它将接受除文本阴影以外的所有内容，但直接针对输入类型会正确地应用它。@candiancreed

input

元素需要是该类元素的子元素。我有这个选择器在很多项目中工作。你能创建一个例子并发布一个问题吗？

-webkit-appearance: none;