如何自定义这个按钮？

Question

我有这个link

http://test2.dac-proiect.ro/wp

在底部（页脚）找到一个Newsletter...谁有问题，一个提交按钮一点都不好看...我不明白是什么。

我已经安装了一个主题，当我输入日期小部件时没有问题...现在看起来不太好。

你能帮我做个形状吗？

我尝试对 CSS 代码进行一些更改，但没有成功。

Answer 1

将此添加到提交按钮..

width: 100px;
height: 30px;
line-height: 1px;
float: right;

申请后看起来像下面一个..

Answer 2

试试这个，

    #mc4wp-form-1 input[type="submit"] {
      height: 35px;
      width:80px;
      border-radius: 4px;
      border: none;
      line-height: 10px;
      background-color:white;
    }
    #mc4wp-form-1 input[type="submit"]:hover {
          background-color:red;
          color:white;
       }
body{
  background-color:#ccc;
}

<body>
  <div id="mc4wp-form-1">
  <input type="submit" value="submit">
 </div>
  </body>

Answer 3

请将此添加到您的 CSS 文件 (http://test2.dac-proiect.ro/wp/wp-content/themes/mix/css/template.css)。

.mc4wp-form form p input[type="submit"], form.mc4wp-form p input[type="submit"] {
float: left;
padding: 5px 0 !important;
width: 100%;
line-height: 35px;

}

如何自定义这个按钮？

How to customize this button?

css

wordpress