Question

这是最简单的事情，但它不起作用。我有一个带按钮的搜索表单。我想让按钮变蓝。容易吗？

这是搜索表单：

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
        <span class="screen-reader-text">Search for:</span>
        <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
    </label>
    <input type="submit" class="search-submit2" value="Search" />
</form>

还有一点CSS。

.search-submit2 {
    /*text-align: center;*/
    background: url(images/search2.png);
    /*background-size: 50px 50px;*/
   /*  width: 50px; width of image */
   /*  height: 50px; /* height of image */
    background-color: #fff;
    color: #000;
}

我看到在臀部内显示的背景图像（透明png）我得到的结果相同。

有人发现它有什么问题吗？

Answer 1

使用background: #fff url()代替。调试以检查图像地址是否正确。

Answer 2

在CSS文件中简单添加 .search-submit2 类

.search-submit2 {
  color: #000;
  background: #000AFF !important;
 }

wordpress表单按钮颜色更改不起作用

2 个答案: