css 苹果手机按钮默认样式如何去掉

html-css017

css 苹果手机按钮默认样式如何去掉,第1张

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 (不要写在class里哦)

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}

textarea {  -webkit-appearance: none}

如果还有圆角的问题,

.button{ border-radius: 0 }

1、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus {outline: none}

去掉高光样式:

input:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0)

-webkit-user-modify:read-write-plaintext-only}

当然这样以来,当文本框载入焦点时,所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了,这样的话,当文本框载入焦点时,边框颜色就会变为橙色,给用户一个反馈。

2、去除IE10+浏览器文本框后面的小叉叉,只需下面一句就ok了

input::-ms-clear {display: none}

设置iPad的悬浮按钮方法为:

工具:ipadmini

1、在ipad桌面上找到”设置“选项,点击进入设置界面。

2、在设置界面的左侧菜单栏中找到”通用“选项,点击进入。

3、在通用界面中找到”辅助功能“选项,点击进入。

4、在辅助功能界面中找到”AssistiveTouch“选项,点击进入。

5、在跳转的页面中打开”AssistiveTouch“的右侧开关。

6、打开之后,即可完成悬浮按钮设置,会发现界面右侧出现了悬浮按钮。

工具/原料:IPadmini2。

1、首先点击iPad桌面上的设置图标。

2、然后找到通用选项并点击它。

3、接着找到辅助功能选项并点击它。

4、然后找到辅助触控并点击它。

5、最后点击开启辅助触控开关就可以了。这样操作完成,就成功开启了iPad的悬浮球按钮了。