iPhone提交按鈕不顯示正確的CSS裝飾

我有一個移動網絡應用程序，它有一個按鈕欄，使用帶扁平圓形端蓋的方形扁平按鈕。一些按鈕是鏈接，一些是提交按鈕，它們的設計看起來完全相同。在Android設備上，一切都看起來很完美，但是一些CSS似乎在iPhone（iOS7）上被忽略，出現三維圓角。我設計了使用以下類別的按鈕：iPhone提交按鈕不顯示正確的CSS裝飾

.submit_button_green input { 
height: 26px; 
width: 61px; 
border: 0px solid; 
font-size 14px; 
color: #FFF; 
background-color: #00CC33; 
font-weight: bold; 
margin-top:-4; 
text-shadow: 0px 2px 2px #333; 
}

來源

2014-02-08 user3242716

如果您複製並粘貼了css，您在'font-size'之後缺少冒號... – jtheman

iOS的風格形成不同的項目有很多，你可以通過添加-webkit-appearance: none;將其固定最。像這樣的東西應該修復它：

.submit_button_green input { 
    -webkit-appearance: none; /* initial fix */ 
    height: 26px; 
    width: 61px; 
    border: 0; 
    font-size: 14px; /* you have a error here */ 
    color: #FFF; 
    background-color: #00CC33; 
    font-weight: bold; 
    margin-top: -4px; /* and here, -4 what? px? */ 
    text-shadow: 0px 2px 2px #333; 
    border-radius: 0; /* remove rounded corners */ 
}

來源

2014-02-08 21:23:33 Marcel

可能的錯字。缺少冒號後font-size

font-size: 14px;

檢查

來源

2014-02-08 21:12:40 jtheman

iPhone提交按鈕不顯示正確的CSS裝飾

回答

相關問題