使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式

使用 iPhone 或android上的浏览器去浏览网页的时候,不同浏览器间的按钮有些会显示圆角且颜色由上而下渐变的样式,有些文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式。此时的解决办法为:input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}

其中,-webkit-appearance:none是去除input默认样式。

此时虽然去掉了按钮显示超大圆角以及颜色由上而下渐变的恶心样式,但按钮的圆角依然存在,所以还需在样式中加入:border-radius:0方可。

注意,注意:只能是border-radius:0;而不能使用border-radius:none,因为使用了border-radius:none,iPhone浏览器貌似不识别,依然会给input一个大概5像素左右的圆角。

若需要给表单设置圆角比如5px的话,那就自行设置border-radius:5px即可。 (more…)

发表于:2021-06-05 23:28:38 分类:代码 发表评论 Tags:, , , ,

在安卓下的微信浏览器中,文件上传的 input type=file中,不能用accept,否则会提示:没有应用可执行此操作

在安卓下的微信浏览器中,文件上传的 input type=file中,不能用accept,否则会提示:没有应用可执行此操作。原来只其它安卓手机下没有发现,最近被反馈华为手机的用户有此问题。不知这个坑是华为手机系统还是安卓版的微信的坑。 (more…)

发表于:2020-07-30 14:45:48 分类:代码 发表评论 Tags:, ,

iOS或Android中体验WP7

早就听闻微软的WP7系统很牛,一直想体验下到底牛到什么程度。有我这想法的人应该不少吧,当然我能想到的微软也想到了。这不,我刚刚就发现了微软推出一个站点,只要你在IOS或Android手机里打开这个站点,就能体验到WP7的效果。当然这只是网站体验效果与真实差很远的,同样直接在桌面电脑的浏览器打开也是可以的,体验就更差了。下来来看看效果吧。 (more…)

发表于:2011-11-30 20:50:30 分类:其它 7条评论 Tags:, , ,

隐藏SIM卡联系人

虽然现在android系统当道,WM系统(windows mobile 6.5及以下)的风光早已不复存在了,但和我一样还在用WM系统的人应该也不少。因为一些原因需要把手机联系人同时在SIM卡和内存中都存储,但在手机上只显示内存在的联系人,因此有必要把SIM卡的联系人隐藏起来。 (more…)

发表于:2011-08-11 13:08:20 分类:其它 发表评论 Tags:, ,

Android第三方ROM-国产MIUI

前段时间就发现一款UI做得很漂亮的国产Android ROM。当时没有记录起来,后也来也忘记了。今天又发现这个ROM,越看越顺眼,等那天搞个Android机时刷来折腾下。 (more…)

发表于:2011-04-11 00:31:17 分类:其它 3条评论 Tags:,

Archives