html5取消样式,ios html5 网页取消默认样式

ios的的默认样式修改成扁平化的样式

重要的一句css  -webkit-appearance: none;  将样式清除

单数会出现将raido的选择按钮也会消失

所以需要对radio的样式进行重新设置

设置input框的样式

input[type="text"]{-webkit-appearance: none; font-size: 12px;}

设置radio选择之前和之后的样式

input[type="radio"]:checked , input[type="checkbox"]:checked {

-webkit-appearance: none;

border-color: #f67200;

background-color: #f67200;

}

input[type="radio"], input[type="checkbox"] {

-webkit-appearance: none;

position: relative;

width: 14px;

height: 14px;

border: 1px solid #e6e6e6;

-webkit-border-radius: 7px;

border-radius: 7px;

background-color: #fff;

vertical-align: middle;

}

input[type="checkbox"] {

-webkit-appearance: none;

position: relative;

width: 14px;

height: 14px;

border: 1px solid #e6e6e6;

-webkit-border-radius: 2px;

border-radius: 2px;

background-color: #fff;

vertical-align: middle;

}

设置选择之后checkbox的样式

input[type="checkbox"]:checked:after {

content: '';

position: absolute;

left: 1px;

top: 1px;

width: 10px;

height: 5px;

border-left: 2px solid #fff;

border-bottom: 2px solid #fff;

-webkit-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

transform: rotate(-45deg);

}

ios上表单默认样式

摘自:http://blog.sina.com.cn/s/blog_7d796c0d0102uyd2.html 可惜不能直接转到博客园. input[type="button"], ...

去除移动端苹果手机(ios)的input默认样式与input禁止键盘出现的方式

样式: input{-webkit-appearance: none;} 在iPhone plus点击input框出生日期时会出现如下图: 为了去掉下面那条苹果自带的,可以这样处理:在HTML中的in ...

移除 ios 上 input 的默认样式

input{ -webkit-appearance:none; }

取消chrome浏览器下input和textarea的默认样式；html5默认input内容清除“×”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...

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

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 为 0 也无法去除这个圆角,经过搜索发现这是 webikt 内核 ...

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

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜 ...

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动texta ...

ionic默认样式android和ios的一些不同(当时真是纠结啊~)

当时测试的时候看到android和ios上有那么大差别,特别崩溃啊... 还好看到了这篇文章,文章原文是Ionicchina中文网上的:http://ionichina.com/topic/54e45 ...

ionic默认样式android和ios差异

ionicframework中android和ios在默认样式上有一些不同的地方,官方文档中都有说明,但是经常会想不起. 一.差异: 1.tab位置,$ionicConfigProvider, tab ...

随机推荐

August 31st 2016 Week 36th Tuesday

A friend without faults will never be found. 没有缺点的朋友是永远找不到的. You can't find a friends without faults ...

【HDU】3480 Division

http://acm.hdu.edu.cn/showproblem.php?pid=3480 题意:一个n个元素的集合S要求分成m个子集且子集并为S,要求$\sum_{S_i} (MAX-MIN)^2 ...

功能分解——Android下画分时图与k线图有感

最近工作极度繁忙,已经好久没有更新博客了,总感觉要是再不抽空总结总结点东西,分分钟就会被懒惰的状态给打到了.同时也希望同学们谨记,如果你已经决定要坚持某些正确的东西,比如背完某章单词,看一完本书抑或是 ...

快速创建php server

mkdir testmv test.html testphp -S localhost:8082http://localhost:8082/test.html

HTML5 Web socket和socket.io

what is websockets Two-way communication over ont TCP socket, a type of PUSH technology HTML5的新特性,用于 ...

通过Java字节码发现有趣的内幕之String篇(上)(转)

原文出处: jaffa 很多时候我们在编写Java代码时,判断和猜测代码问题时主要是通过运行结果来得到答案,本博文主要是想通过Java字节码的方式来进一步求证我们已知的东西.这里没有对Java字节码知 ...

关于pandas 调用mongodb出Memory error错误

其实就是内存不够了,我加载的数据是800多万,数据量太大出错下面试错误提示 C:\Users\souwayai\Miniconda3\python.exe D:/www/use_pandas/pd7. ...

Linux笔记 #08# shell编程从零开始到低配学生管理系统

先熟悉一下基本语法(运行环境是装git的时候一起装的那个windows下的bash): #!/bin/bash # 实现两个函数 # appendToFile()追加一行到文件 # readFile( ...

关于类、方法、对象(实例)：通过一个例子看一下self都做了哪些事情

我们在定义一个类时,经常会在类的各个方法中看到self,那么在程序执行时self到底起了什么作用,什么时候要加self,这一点需要我们思考并好好理解.之前在学习时没有想这么多,加之用pycharm写代 ...