学做网站培训课程介绍

当前位置:

iPhone、iPad浏览手机网站显示默认按钮样式解决方法

我们在前面的建站教程中,我们详细的带领大家学习了手机网站制作教程,通过学习这个手机网站教程,我们可以自己制作一个手机网站。

今天我们来解决一个手机网站的BUG,就是当我们建好了手机网站之后,用iPhone、iPad等苹果产品浏览我们的网站时,会出现一个问题,就是我们网站上的所有按钮并不是以我们设置的样式显示,而是以iPhone、iPad的默认样式显示,特别难看。如下图:

iPhone、iPad浏览手机网站显示默认按钮样式解决方法

下面我们就来介绍一下iPhone、iPad浏览手机网站显示默认按钮样式解决方法,解决之后,效果如下图:

iPhone、iPad浏览手机网站显示默认按钮样式解决方法

解决方法很简单,只需要在自己网站的CSS文件代码里,加上以下的CSS代码即可,这样就可以去除iPhone、iPad浏览手机网站显示的默认按钮样式了。


input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}  
.button{ border-radius: 0; }

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 软件介绍在我们做网站的过程中,希望自己做的的网站,别人在用不同浏览器浏览的时候,都不会错位,或者不显示。这就需要我们在做网站之前,对我们的
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 什么是自适应手机网站 视频教程 (1103339 次浏览)
    以下为学做网站论坛关于“什么是自适应手机网站”讲解视频教程。
  • 老师你好,我前几天一直在学习手机站课程,对于课程中的案例网站特别喜欢,自己就跟着课程一步步做了一遍。也做了课程笔记,感觉学到了很多知识。
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 很多同学在模板制作的过程,都有图片调用不出来的现象,其实原因很简单,就是图片路径错误造成的。这里涉及到html和css中的一些路径知识,这个视
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • wordpress的评论头像仅有神秘人、空白、Gravatar 标志、抽象图形、Wavatar、小怪物这六种,而且是一种比一种要难看,对于学习网站建设教程的学员来说
  • 作者: 小学霰Email: xiaoxueba@sina.com详细内容:张老师,您好,看了您的学做网站教程视频,我在论坛上下载了一个DW软件,但是我看到视频课
  • 很多人在使用DZ程序做论坛网站后,会发现在论坛发贴时,上传附件在IE浏览器下不显示任意图标,呈现空白状态。如下图:究其原因是由于DISCUZ程序
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • page页面可以单独使用不同页面模板,这个我们都知道了,那怎么给不同的single文章页面设计不同模板呢?我们有二种方法: 第一种:通过代码来判断
  • 80端口被占用解决方法 图文教程 (127552 次浏览)
    在安装和使用本地环境时,有时会出现80端口被占用了,而迅雷等下载软件恰恰就是占用了80端口,关掉就行了。但有时迅雷等都没有开也启动不了,那就是别
  • 近期,有的学建网站学员问过这样一个问题,就是在网站后台修改了WordPress地址Url导致网站后台无法登录,并且网站也无法打开了,出现这样的问题,应该