chrome/FF/safari浏览器下input和textarea的默认样式outline和resize

outline：input和textarea的默认焦点样式

语法：outline：[outline-color] || [outline-style] || [outline-width] || [outline-offset] | inherit相关属性：outline-style , outline-width , outline-offset , outline-color<outline-color>： 指定轮廓边框颜色。参见outline-color
<outline-style>： 指定轮廓边框轮廓。参见outline-style
<outline-width>： 指定轮廓边框宽度。参见outline-width
<outline-offset>： 指定轮廓边框偏移位置的数值。参见outline-offset
inherit： 默认。说明：outline （轮廓）是给元素周围绘制轮廓外边框，通过设置一个数值使边框边缘的外围偏移，可起到突出元素的作用。
outline 属性可设置元素周围的轮廓线。
轮廓线不会占据空间，也不一定是矩形。
outline 属性是一个简写属性，用于设置元素周围的轮廓线。

resize：设置textarea的鼠标缩放属性

语法：resize ： none | both | horizontal | vertical | inherit相关属性   none：不可拖动缩放宽高；　both：可以缩放宽和高；   horizontal：只能缩放宽度；　vertical：只能缩放高度；　inherit：继承。

说明：使元素的区域可缩放，调节元素尺寸大小。适用于任意获得"overflow"条件的容器。

chrome/FF/safari浏览器下input和textarea的默认样式outline和resize相关推荐

取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
取消chrome下input和textarea的聚焦边框
取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框 ...
html字体外围有黄色边框,input或textarea在chrome、safari浏览器点击获得焦点时出现黄色边框去掉的方法...
1.input或textarea在chrome.safari浏览器点击获得焦点时出现黄色边框去掉的方法 input{ outline:0;} outline 定义和用法 outline (轮廓)是绘制 ...
打造前端MAC工作站（八）配置称手的 chrome 和 safari 浏览器
打造前端MAC工作站(八)配置称手的 chrome 和 safari 浏览器前言前端工程师绝大部分的工作成果都是需要在浏览器中查看的.当然,浏览器更是我们学习和娱乐的重要窗口,因此,选择和配置一款 ...
Safari浏览器下colgroup失效导致表格列宽均分
Safari浏览器下colgroup失效导致表格列宽均分表现原因解决表现使用原生tabel标签写表格,由于需要对表头做特殊处理,所以采用两个表格组装的方式写,表头也是用单独的table标签写 ...
Element-UI在safari浏览器下table列表无法对齐的问题
由于Element-UI的table列表会在两个column中间添加一条能够拖动的竖线,(可能表现的不明显以至于很多人并没有发现,但是竖线是确实存在的.)在safari浏览器下这个竖线的样式无法正确渲 ...
ios的Safari浏览器下视频播放问题
ios的Safari浏览器下视频播放问题起因原因: 解决方案: 示例代码起因最近在做手机端接口对接,后端使用java,前端使用vue开发,在提供给前端视频接口时出现了个问题: 视频在安卓上可以 ...
input和textarea中字体样式不同的解决方法
当我们写一个输入框群组时,input和textarea中字体样式会不同,比如下面: 里面输入的字也不一样: 代码在这里: html: <div style="margin: 0 aut ...
处理jquery.jqprint.js不能打印input、textarea区以及样式问题
处理jquery.jqprint.js不能打印input.textarea区以及样式问题对于打印区的input和textarea做一下处理: 处理打印样式问题(打印样式与显示样式不一样) 对于打印区 ...

chrome/FF/safari浏览器下input和textarea的默认样式outline和resize

chrome/FF/safari浏览器下input和textarea的默认样式outline和resize相关推荐

最新文章

热门文章