0

次のようにして、テキスト自体 (入力ウィンドウではなく) の下に境界線を付けて「検索」という単語を表示しようとしています。placeholderhereにある CSS を使用しようとしましたHow do I Add border to text in inputfieldですが、機能しません。これが私の入力ボックスです（ワードプレスの検索ボックスです）：

<input id="search" name="s" type="text" onfocus="if(this.value=='Search') this.value='';" onblur="if(this.value=='') this.value='Search';" value="Search" />

私は誰でも私に修正を与えることができる人に大いに感謝しています. ただの代わりにonfocus=andを持っているためだとわかっていますが、それを理解できないようです。onblur=placeholder=

ここに私のフィドルがありますhttp://jsfiddle.net/6Gevu/14/

4

3 に答える 3

1

css 行を入れます: text-decoration: underline; 「検索」と表示されている場合は、そのスタイルが他のものである場合は削除します。おそらく、入力フィールドにクラス (.underline) を追加および削除することによって。

于 2013-07-12T19:17:34.387 に答える
0

次のように、:after疑似要素を使用して境界線を生成できます。http://jsfiddle.net/RMJWH/

.search-border {
    position: relative;
    display: inline-block;
}
.search-border:after {
    content: ".";
    color: transparent;
    position: absolute;
    bottom: 5px;
    left: 2px;
    width: 238px;
    border-bottom: 2px solid #000000;
}
于 2013-07-12T20:20:52.610 に答える