资讯专栏INFORMATION COLUMN

禁用webkit textarea可调整大小和文本框焦点时边框

yeyan1996 / 1019人阅读

1. 取消拖动调整大小 

  /*css2.0*/
    textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;}
    /*css3.0*/
    texearea {resize: none;}



2. 聚焦时边框颜色不变

input {outline: none;}
textarea {outline: none;}

3.限制input输入字数

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111030.html

相关文章

  • 【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将学习如何使用CSS来让HTML表单看起来更漂亮,这可能需要窍门才能做到。由于历史及技术上的原因,表单组件并不太适合使用CSS;而也正因为有这些困难,许...

    DC_er 评论0 收藏0
  • 【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将学习如何使用CSS来让HTML表单看起来更漂亮,这可能需要窍门才能做到。由于历史及技术上的原因,表单组件并不太适合使用CSS;而也正因为有这些困难,许...

    taowen 评论0 收藏0
  • CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...

    Eirunye 评论0 收藏0
  • CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...

    ddongjian0000 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<