我有以下代码: HTML:
<div id="login" class="transparent-div login_leaf_class">
<input class="pointer login_fields_button" id="submit_button" type="submit" title="SUBMIT" value="SUBMIT"/>
</div>
CSS:
.login_leaf_class
{
border:solid #000 !important;
border-top-left-radius:70% 60% ;
border-bottom-right-radius:70% 60%;
-moz-border-top-left-radius:70% 50%;
-moz-border-bottom-right-radius:70% 50%;
}
div#login
{
position:relative;
padding:10px;
overflow:hidden;
margin-top:10%;
margin-right:5%;
color:#0000;
float:right;
width:300px;
height:200px;
font-weight:900;
background:#FFB3FF;
background:rgba(255,179,255,0.8);
}
.login_fields_button
{
float:right;
display:inline;
background:#003300;
color:#FFF;
font-weight:900;
padding:4px;
width:100px;
height:50px;
border-radius:0 !important;
border-top-left-radius:99.9% 100% !important;
border-bottom-right-radius:99.9% 100% !important;
-moz-border-top-left-radius:99.9% 100% !important;
-moz-border-bottom-right-radius:99.9% 100% !important;
border:solid #fff !important;
}
问题是,边框在 FireFox 中似乎是正确的。只要我也有 chrome14,一切都很好,但最近当我更新到 chrome 15 时,边框只出现在 2 个 Angular 上。 请参阅以下屏幕截图: 我应该在这里做什么??这是一个错误?? http://jsfiddle.net/uMYfp/1/
最佳答案
关于html - 当 chrome 15 中设置了边框半径时边框不出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8352258/