Firefox下el-input出现红框

最新推荐文章于 2024-03-01 10:56:38 发布
最新推荐文章于 2024-03-01 10:56:38 发布
阅读量566 收藏
点赞数
文章标签： vue.js elementui firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cfy1030349388/article/details/125762711
版权

今天发现我的el-input在谷歌浏览器好好的,到火狐浏览器上莫名出现了红框,然后被指出了这个bug,

最开始以为是兼容问题,经过查阅资料发现这是相当于火狐对输入框内容的一个判断,并且带有"请选择一个有效的值,值要在*-*范围内"

 这个问题是我没有设置step这个属性他就默认了整数,小数都会有提示,并且火狐浏览器还特地给我的input飘红来提示我,加上了  

step="0.00001"

就没有红框了

牧云流苏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
不同浏览器兼容问题—— input 添加required属性 firefox下输入框为红色 +禁止中文输入
jspshuishui的专栏
05-17 6376
1、如果一个表单控件具有required属性，在chrome浏览器下显示正常，在Firefox浏览器中会加上一圈粉红色的边框，无法实现各个浏览器统一，尤其是当你将这个控件设置了不显示某些边框线的时候，要去除Firefox给有required属性的表单控件添加的边框，只需要添加一句CSS代码即可。 添加下列代码以后，具有required属性的input和textarea将不再自动添加粉红色边框
vue + el-input 中 textarea 实现 placeholder 换行
最新发布
06-14
需要注意的是，这种做法依赖于Webkit内核的浏览器支持，对于非Webkit内核（如Firefox）的浏览器，可以使用`::placeholder`伪元素，但可能不支持换行。在实际应用中，可能需要引入polyfill或者使用JavaScript来兼容...
脱离form表单校验input（校验单个input输入框）提交时边框变红
Z_Gleng的博客
11-21 1102
在你提交事件中加上校验方法(根据场景加对应的的方法，我这里是点击事件后出发)，通过document获取到目标元素改变他的边框。当输入内容是需要红色边框，加个input事件内容改变就还原边框颜色。
el-input组件当数据为空时， 边框变红，并提示错误信息
wlijun_0808的博客
03-01 1870
el-input组件当数据为空时， 边框变红，并提示错误信息 先设置输入框变红的样式以及提示文字的样式class。对于样式class 用变量来控制是否奏效。主要是使用动态类的方式。
输入框红色警告
weixin_58425109的博客
01-13 175
html 输入框红色警告。
当鼠标移到input上时，鼠标变为不可输入的状态 【红色警告】
Java小技巧
08-17 3017
原文地址：http://blog.csdn.net/zl544434558/article/details/21399059 表单不可输入一般用disabled或display=none.但是这样页面并没有变化，所以如果想让鼠标变成红色的警告。就可以用如下属性： [html] view plain copy  print?
input禁止键盘及中文输入,但可以点击
09-04
描述进一步强调了这个功能的实用性，并提到解决方案需要兼顾浏览器兼容性，特别是Internet Explorer (IE) 和 Firefox。 在HTML中，我们可以通过设置`<input>`元素的属性和事件来实现这一功能。标签“input 禁止键盘...
chrome、firefox、IE中input输入光标位置错位解决方案
09-22
本文主要探讨的是在Chrome、Firefox和IE浏览器中，`<input>` 输入框内光标位置出现错位的问题及其解决方案。 问题的起因在于开发者通常会为了美观或者功能需求，使用背景图片来模拟`<input>`输入框的样式，并通过...
Firefox下input button内文字不能垂直居中的解决方法
09-25
在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己弄了个私有属性，解决方法很简单，遇到类似问题的朋友可以学习下，希望可以帮助到大家
火狐input只能输入数字
09-02
火狐浏览器和其他现代浏览器都提供了相应的机制来限制`input`元素的输入类型。在本篇文章中，我们将深入探讨如何在火狐中实现只允许用户输入数字的功能。 首先，我们可以使用HTML5的`type`属性来定义`input`元素的...
文本框中输入错误信息，提交时填写的内容显示并且文本框变为红色
weixin_34112030的博客
07-24 4968
2019独角兽企业重金招聘Python工程师标准>>> ...
elementui输入框 内部文字标红
qq_39480297的博客
05-29 1406
elementui中input、textarea 内部文字标红。只需要在el-input标签中添加属性。
输入框输入有误时显示红色边框
LuckyMon的博客
02-25 1万+
达到目的：list选择，显示1-5条参数，每条参数输入时检测输入是否有误，输入有误则方框变红，且页面显示报错 document.getElementById(id) 最开始在网上找到的方法便是获取id，然后改变属性，但是此种方式比较适合少量的确定的div或其他类型，但是这里的list列表至少10条以上，每条的参数名称和数量不尽相同。 v-bind:class="{‘selected’: bool[...
input框判断不为空，红体字提示信息去除，手动删除，点击取消按钮后表单中的字段内容自动清除
W_a_n_g_X_的博客
07-01 493
这块是新增页面的input框验证的信息： var myEditValidate; //页面加载完，自动执行定义js代码 $(document).ready(function () { form = layui.form; //判断不为空 myEditValidate = $("#form-program-add").validate({ rules: { programName: { required: true, }, pr
el-input样式修改，边框，提示文字
weixin_38345306的博客
12-01 2871
el-input样式修改，边框，提示文字
改变 input 焦点光标的颜色
热门推荐
Martin 的博客
12-25 1万+
改变 input 焦点光标的颜色
vue 关闭弹框重新打开时element输入框验证提示红框
daxi玫瑰的博客
08-19 1740
vue 关闭弹框重新打开时element输入框验证提示红框
element ui 踩坑 input 有值却一直显示错误提示
小小笨南瓜
01-20 830
input 有值却一直显示错误提示 如下图： 问题原因： form中不包含此属性(在方法中对form表单数据处理漏掉属性) 解决方案 将缺少属性补充完整
el-input 输入框有值时可以输入，没有值时禁用，一般用于弹出框的添加和编辑
qq_70032585的博客
10-12 170
【代码】el-input 输入框有值时可以输入，没有值时禁用，一般用于弹出框的添加和编辑。
el-input的框内颜色改变
07-13
/* Firefox 浏览器的占位符文本颜色 */ .el-input input::-moz-placeholder { color: red; } ``` 你可以将上述代码添加到你的样式文件中，或者直接在 HTML 文件中使用 `<style>` 标签包裹起来。将 `red` 替换为你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值