蘋果手機按鈕的樣式在 CSS 中對應的是 -webkit-appearance: none; 屬性,它的作用就是去掉元素的默認外觀,讓我們自己定義按鈕的樣式。以下是一個簡單的例子,展示如何給 button 元素定義自己的樣式:
button { -webkit-appearance: none; border: 1px solid #ccc; border-radius: 4px; background-color: white; color: #333; font-size: 14px; padding: 8px 12px; }
這段 CSS 代碼可以使按鈕具有以下樣式:邊框寬度為 1px,顏色為 #ccc,圓角半徑為 4px;背景色為白色,文字顏色為 #333,字號為 14px;上下內邊距為 8px,左右內邊距為 12px。我們可以根據自己的需求修改這些樣式屬性,自定義按鈕的外觀。
需要注意的是,蘋果手機按鈕的默認樣式在不同版本的 iOS 上可能有所不同,因此我們應該在設計按鈕時先考慮統一的樣式,才能保證在多個手機型號和系統版本上的一致性。