边境时，有一个边界半径在Chrome设置15

Question

我有以下代码： 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，但最近当我更新到铬15时，边框只出现在两个角落。 请参阅以下屏幕截图： 我该怎么做？这是一个错误吗？ http://jsfiddle.net/uMYfp/1/

Answer 1

如果您给它一个0123px4px或更多，它的工作原理。

Demo

而且，你不需要这些!important S，这是一个不好的做法。