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;
}

当我设置背景：无时，边框半径在 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 回答