Question

我有输入标签的以下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/

Answer 1

使用此代码：

<style>
#some-id{  
    background:none; 
    border: 3px solid #000;
    border-radius: 25px;
}
</style>
<body>
    <input type="text" id="some-id">
</body>

Chrome - 当background：none时，边框半径不起作用

1 个答案: