Question

我有这个链接

在底部（页脚）找到一个简报......谁有问题，提交按钮看起来并不好......我不明白是什么。

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

你能帮帮我吗，请给它一个形状？

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

Answer 1

将此添加到提交按钮..

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

应用后，它看起来像下面一个..

enter image description here

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;

}

如何自定义此按钮？

3 个答案: