IE下input text在字符超出文本框长度时，padding-left和padding-right失效

最新推荐文章于 2024-07-09 11:24:44 发布
原创 最新推荐文章于 2024-07-09 11:24:44 发布 · 711 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在IE浏览器中，当文本框内输入的字符超出文本框长度时，padding-left和padding-right失效的问题，并提供了解决方案。 


<input type="text" style="padding-left:25px; padding-right:15px; width:230px;">
当我在这个文本框内输入的字符超出文本框的长度时，padding-left和padding-right就失效了。IE存在这个问题， FF正常运行。
求能IE下正常运行的方法？
鸿蒙OpenHarmony【TextInput】ArkTS文本与输入
asfn123123的博客
11-08 1943
单行文本输入框组件。
鸿蒙5.0版开发：ArkTS基础组件（TextInput）
m0_69424697的博客
09-21 2136
单行文本输入框组件。
css中paddingright失效,子元素内容超出父元素时，padding-right失效，没有留白
weixin_42132354的博客
08-03 1430
场景介绍父元素内有数量不固定的子元素，当子元素宽度之和小于父元素时，子元素平均分配父元素宽度；当子元素宽度之和大于父元素时，子元素有最小宽度，滚动条显示。1. 子元素宽度小于父元素，上下左右留有空白2. 子元素宽度大于父元素，上下左右留有空白错误实现.box {width: 500px;border: 1px solid #e0e0e0;padding: 20px;display: flex;o...
CSS中为什么padding不生效
weixin_49006730的博客
12-19 4615
CSS中为什么padding不生效，width不生效，height不生效
html为什么自动调整边距无效,**css+html为什么右侧菜单的字体大小和边距设置在失效？谁能看下*...
weixin_40001442的博客
06-01 267
左侧菜单女装对应的右下侧菜单的类.rightNav和.rightNav dl以及.rightNav dd上设置的边距和字体大小不生效，只有字体颜色生效(可改)。右下侧菜单就是那些橙色字体。具体见下截屏：怎么改都不行，好像改左边的.leftNav ul li边距时，右下侧菜单会跟着改变同样的边距，字体样式如此。橙色字体菜单想改左边距为0(比如)、字号改为12px，怎么也改不了，问题在哪里？？？请各位...
用了flex布局和overflow之后右边距失效解决办法
一枚不断学习的小码农一枚~
09-26 1270
场景 项目中自己写一个轮播图，使用display:flext布局和oveflow-x:scroll等属性设置后，右边距失效了（仅在移动端） 解决办法 为div添加伪元素 .swiperWrapper ::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; //占位但不可见 } .swiperWrapper { // backg
鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：TextInput）
m0_64420071的博客
03-13 2757
ArkTS声明式开发（基础手势：TextInput）
若依 ruoyi-vue SpringBoot highlight-textarea 输入框敏感词关键词高亮标红（二）
Xiaoweidumpb
07-09 1076
参考文章，非常感谢大佬的分享 实现可高亮的输入框 — HighlightTextarea GitHub:highlight-textarea可看作者上一篇文章 若依 ruoyi-vue SpringBoot聊天敏感词过滤sensitive-word（一）审核时，输入框高亮敏感词，并且能编辑
在vue2中编写一个子组件，要求左一个图像框和右一个文本框下面一个上传图像文件的input，可以通过拖拽图像文件或者使用上传图像文件的input将图像显示在图像框内，上传图像要求base64编码和urlencode，大小不超过4M。图片的base64编码不包含图片头的支持图片格式：jpg、bmp、png，最短边至少50px，最长边最大4096px。上传后的返回值中包含文字，该文字应显示在文本框中
最新发布
04-04
因为img.src被设置为临时URL，并且在img.onload中立即调用了revokeObjectURL，这会导致图片被释放，之后imageUrl设置为该临时URL时可能失效。正确的做法应该是，在图片加载完成后，将imageUrl设置为临时URL，然后在...
处理文字过长显示超出解决方案（纯css解决）
陨落的轨迹的博客
09-09 8920
问题起因：做项目遇到列表下文字超长导致页面样式混乱的情况， 处理如下：      设定每个单元格的最大宽度，max-width:      对超出部分进行截取：overflow:hidden;    缺点：最后一个字很容易截掉一半；      添加对超出部分添加...进行省略（兼容各个浏览器）：text-overflow:ellipsis;    缺点：只支持一行，多行的无法实现
CSS padding 属性和CSS 单边内边距属性
前端基础入门学习线路
02-15 3862
元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。 CSS padding 属性定义元素边框与元素内容之间的空白区域。 CSS padding 属性 CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。padding是比较常用CSS样式，可以利用padding内边距设置上、下、左、右对象内容与四个边距距离间隔...
CSS3 box-sizing
weixin_34088598的博客
05-11 296
参考： http://www.w3school.com.cn/cssref/pr_box-sizing.asp 定义和用法 默认值： content-box 继承性： no 版本： CSS3 JavaScript 语法： object.style.boxSizing="border-box" 语法 box-sizing: content-box|borde...
padding 影响文本多行溢出
Meet的博客
12-01 820
多行溢出加上padding之后显示失效了。在换行元素外边套一层。
CSS的margin失效、塌陷和兼容问题
一杯清泉
07-06 2178
在标准文档流中，竖直方向的margin不叠加，以较大的为准，水平方向不影响，可以叠加。注意是标准文档流，不是标准文档流不存在塌陷现象。 要想使p的margin生效，需要给父布局的div添加border，否则margin无效。margin表示兄弟和兄弟之间的距离，最好不要使用margin表示父子之间的距离，要善于使用padding。 四、margin的IE6兼容问题 1、margin双倍问题 浮动方向和margin方向相反，左浮动+右margin2、IE6的三像素
padding右边距失效问题，出现滚动条时，右边并没有出现留白
qinleo6的博客
04-13 5999
需求：如下图。一个父容器，里面有一个子容器，想实现子容器和父容器之间保留20px距离。 错误方法一：自然情况下，我们会给父容器加一个padding:20px; 但是并不能实现需求，右边并不出现空白 .father { height: 200px; width: 200px; border: 1px solid #000; ...
html设置span的外边距,在CSS中span标签设置padding-top不管用
weixin_30975527的博客
06-04 3705
在CSS中span标签设置padding-top不管用，里面的内容不往下走，按f12打开调试模式，发现，span上边框反而向上走了，不知道为什么先复制点答案，以后再搞明白。在解决问题前,我们先了解下span标签。标签被用来组合文档中的行内元素(内联元素)。###span标签有这么几个特点:1、span标签是一个内联元素,只能容纳文本或者其他内联元素；2、和其他内联元素一样,内联元素的宽度和高度就是...
css中设置padding无效的问题
m0_73814236的博客
02-16 2623
子元素宽度设置为100%时，给子元素添加padding不生效。
CSS层叠样式表—CSS内外边距属性
qq_36893834的博客
08-02 1178
内边距padding，又常常被称为“补白”，它指的是内容区到边框之间的那一部分。内边距都是在边框内部的。从CSS盒子模型中我们可以看出，内边距分为4个方向：padding-top、padding-right、padding-bottom、padding-left。语法： 属性 作用 padding-top 上内边距 padding-right 右内边距 padding-bottom 下内边距 padding-left 左内边距 padding属性简写形式 跟border属性
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值