1

入力タグには次のCSSスタイルがあります...

<div class="container">
  <input type="search" class="border" />
</div>

.container{
  background: #000;
  -webkit-border-radius: 25px 25px 25px 25px;
  border: 3px solid #000;
}
.border{
  background:none;
  -webkit-border-radius: 25px 25px 25px 25px;
  border: 3px solid #000;
}

background: none を設定すると、border-radius は chrome では機能しませんでしたが、ie9 を含む他のすべてのブラウザーではうまく機能します。では、chrome でbackground:none のときに境界線の半径が機能しないのはなぜですか?

例： http: //jsfiddle.net/TSKpN/5/

4

1 に答える 1

0

このコードの使用:

<style>
#some-id{  
    background:none; 
    border: 3px solid #000;
    border-radius: 25px;
}
</style>
<body>
    <input type="text" id="some-id">
</body>
于 2012-06-01T22:07:41.930 に答える