0

type = "search"で入力すると、丸みを帯びた角が切り取られます。type = "text"を使用すると、見栄えがします。

#q { padding: 8px; outline: none; width: 282px; border: 1px solid #ccc; border-radius: 5px; }

<input type="search" id="q" placeholder="search..." />

ここに住んでいます：http：//jsbin.com/ilipiw/4/edit

スクリーンショット：

最新バージョンのChromeを使用しています。

4

3 に答える 3

1

#qには次のスタイルを使用します。

#q { 
    border-radius: 5px; outline: none; border: 1px solid #999; padding: 10px; 
    -webkit-appearance: none; -webkit-border-radius:5px;
}

このjsBinバージョンはChrome18.0.1025.162で動作します。

于 2012-04-19T16:35:36.837 に答える
1

これを試して：

#q { -webkit-appearance: none; -webkit-border-radius: 5px; outline: none; border: 1px solid #999; padding: 10px; }
于 2012-04-18T18:40:10.120 に答える
-1

それはうまくいくはずですが。

                 #q{-webkit-border-radius:5px;}

これが機能しない場合は、Chrome を更新してください。

于 2012-04-18T18:57:27.740 に答える