ios上表单默认样式

摘自:http://blog.sina.com.cn/s/blog_7d796c0d0102uyd2.html

可惜不能直接转到博客园。

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}

去除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+浏览器文本框后面的小叉叉

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

3、禁止多行文本框textarea拖拽

textarea {
resize: none;
}

时间: 2024-08-29 08:23:05

ios上表单默认样式的相关文章

ios下表单disabled样式重置

在做最近的一个活动项目时,需要用到表单的disabled状态,但是在IOS下那颜色不是一般的浅,就跟没有一样,一开始通过如下样式重置: input:disabled, input[disabled]{ color: #8d9399; } 发现在IOS下根本不起作用,后来网上搜索了解到,ipad/iphone改变的其实是颜色或背景的透明度,将其复写即可,完整重置代码如下: input:disabled, input[disabled]{ color: #8d9399; -webkit-text-f

获取form表单默认提交的返回值

1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并且阻止默认的跳转动作. 页面结构见下面: <form target="form" action="" enctype="multipart/form-data" method="post"> <input typ

BPM实例分享:如何设置表单字体样式

系统版本:V10.0 一些业务场景中,时尔需要改变表单字体 那如何设置表单字体样式? 本文将会针对全局表单和单个表单进行阐述! 1.全局表单:  修改WFRES\CSS\MvcSheet.css ,在body节点里面增加 font-family:"字体名" !important;  2.单个表单: 添加以下样式body{    font-family:"字体名" !important;  } PS:若设置后没有变化,按F12,并查看控制整个页面的div,找到相应的C

jQuery_review之一行语句搞定表单焦点样式

众所周知,各种浏览器对于HTML.CSS以及原生JS的支持不尽相同.但是jQuery很好地封装了各种浏览器不同的实现,能够很好地解决跨浏览器的CSS问题.下面就是在review表单操作的时候的一个DEMO,记录在这个地方,方便后面做项目的时候查找使用. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="

ios手机弹出层上表单的操作,收起键盘焦点错乱的问题

问题 今天遇到了ios手机下 弹出层上form表单 当收起键盘后,焦点错乱,无法再操作的问题 问题原因 Ios收起键盘以后,会对页面进行滚动操作,只需要 window.scroll(0,0)来重置一下就好. 解决办法 function device() { const u = navigator.userAgent; const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 const i

表格表单及样式重置、特性

1.表格 用table标签,标签 table的标签基本特性是 display:table; <thead> 表格头部 <tbody> 表格主体 <tfoot> 表格尾部 <tr>行 <th>表格标题 <td>单元格 一般只用<tbody> colspan 属性规定单元格可横跨的列数 只能放在th,td标签中<th colspan='2'> rowspan 属性规定单元格可横跨的行数 只能放在td标签中<t

表单和样式表

[表单] <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见. </form> 1.文本输入 文本框<input type="text" name="" id=&quo

表单+css样式+

一.表单 含义:所有表单元素放在 form 标签里面 <form action="提交的地址" method="提交方式默认get">表单元素 </form>页面get传值的写法路径?属性=属性值键值对键=值 & 键=值 知识点:所有的表单元素,除了提交和重置和文件,其他表单 元素可以在form标签外面用1.表单元素的类型文本类型:disabled/readonly:不可编辑 文本框:text 密码框:password 隐藏域:hid

BootStrap的table表格,栅格系统,form表单的样式

BootStrap BootStrap的简介 1.    什么是Bootstrap 由两个前端设计师开发的一个前端的框架(Html,css,js) 简化了程序员写css的代码 2.    为什么使用BootStrap,有什么特点 l  学习比较简单,有了Html,css和js就能学习 l  响应式布局,可以适应多种的设备 l  移动设备优先 BootStrap的使用 环境的安装 官网上下载包 要想使用bootStrap 必须加载jquery bootStrap的基本模板 1.     Html文