使用CCS替换文本

Question

我想在搜索栏上更改水印文字和傀儡文字。我想用一些CCS来做。 我知道不推荐，但我认为这是最快的方式。

我已经How can I replace text with CSS?和How to use CSS to replace or change text?了，但我的情况更复杂。

我试过了：

input.search-field.placeholdit.watermark span{
 display:none !important;
}

input.search-field.placeholdit.watermark:after{
 content: 'TEXT'!important;   
}

以及span.screen-reader-text，search-wrapper，search-field.placeholdit的其他一些组合。我唯一能做的就是删除搜索框窗口。

搜索框如下图所示 - 我想更改“搜索...”和“搜索：”文字：

搜索框代码：

 <div class="search-wrapper">
        <form role="search" method="get" class="search-form" action="my.website.com">
            <label>
                <span class="screen-reader-text">Search for:</span>
                <input type="search" class="search-field placeholdit" value name="s" title="Search for:">
            </label>
            <input type="submit" class="search-submit" value="Search">
        </form>
 </div>

如果有更好的方法可以改变它，我想听听。起点很粗糙，但我想学习如何正确更改网页。

Answer 1

不要使用CSS。只需更改＆＃34;占位符＆＃34;和＆＃34;标题＆＃34; HTML中的属性：

<input type="search" class="search-field" value="" name="s" placeholder="Search" title="Search for:">

你应该修正你的价值＆＃34;属性也是。