2

Web サイトを設計していますが、検索バーの角を丸くせず、典型的なまっすぐな角にしたいと考えています。なんらかの理由で Google Chrome で動作させることはできませんが、Firefox で自分の Web サイトを表示すると、角がまっすぐになります。検索バーが角を丸くせずにクロムに表示されるように、私が何をする必要があるか知っている人はいますか?

これが私のcssです：

#searchbar {
float:right;
padding:10px 20px;
clear:right;
margin-right:35px;
margin-top:-7px;
}

#searchbar input {
float:right;
border:1px solid #000;
border-radius:none;
}

#searchbar p {
margin:5px 10px 0 0;
float:right;
text-transform:capitalize;
font-variant:small-caps;
font-size:1em;
}
4

1 に答える 1

2

これをcssに入れてみてください。これにより、検索のデフォルトの表示が、角がまっすぐなテキスト フィールドと同じになるように変更されます。http://jsfiddle.net/8PdDt/

input[type=search] {
    -webkit-appearance: textfield;
}​​​
于 2012-10-05T00:35:34.583 に答える