关于input的border-bottom在火狐浏览器放大才能显示出来

最新推荐文章于 2022-08-12 09:37:44 发布
最新推荐文章于 2022-08-12 09:37:44 发布
阅读量215 收藏
点赞数
文章标签： vue.js 前端 javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46044574/article/details/126174450
版权

问题：vue项目用的vant组件form表单，input下划线有的能显示出来，有的显示不出来，放大都能显示，如图所示，但是在ie和谷歌上显示正常
在这里插入图片描述
解决方法： border-bottom: 0.1rem solid #050505
将px换成rem

哎一古哎一古
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
input边框问题
sereverls的博客
09-15 390
最近博主在学习css模仿别人的网站时，看到了无边框的输入框，来整理一下。 无边框的代码 border:0px; /*or*/ border:none; /*两者选择任何一种均可*/ 去掉点击时显示阴影的代码 outline: none; 扩展： 下划线（不仅仅在输入框可以用）： border-bottom: 1px rgba(0,0,0,.1) solid; /*设置线的宽度，...
tr虚线border在火狐浏览器加载异常问题
不晓笙的博客
10-28 542
tr虚线border在火狐浏览器加载异常问题编写一个demo，动态添加一行tr，tr包含一个下划虚线border-bottom: 1px dashed #000; 为了让tr的border属性生效，我们在table中加入> border-collapse:collapse; 初始代码块<!DOCTYPE html> <html> <head> <meta charset="
input框在不同浏览器下面显示不同的结构问题
weixin_30876945的博客
12-26 241
在谷歌浏览器下面，无论input框范围再小，input里面的文字也能按照大小显示出来。 但是在火狐浏览器下面，文字会被截断。 火狐浏览器下面显示的 谷歌浏览器下面显示出来的 这里input框里面的宽度只有10px，所以文字会有截断。 火狐浏览器对齐方式是上对齐。截断下面部分 转载于:https://www.cnblogs.com/xiongmaoblog/p/6221090.htm...
input标签在各浏览器下的兼容问题
梦凝哲雪
08-01 1723
转载：http://www.jiangweishan.com/article/input-text-in.html input输入框在各浏览器下的兼容问题比较普遍，也比较头疼， 例如在搜索输入框、表单里input输入框、选择按钮与文字混排等等， 现象：会出现高度以及不对齐的问题 今天就简单介绍下以及处理方法： input标签在各浏览器里默认高度和宽度： 当input标签在type为text时，在F...
input输入框只显示下划线,去掉边框和阴影
m0_61096379的博客
03-08 2952
::v-deep .ant-input { border-bottom: 2px solid #eee; border-left-width: 0; border-top-width: 0; border-right-width: 0; } ::v-deep .ant-input:focus { border: none; border-bottom: 2px solid #eee !important; box-shadow: none; } ::v...
FF(火狐浏览器)下解决按钮的水平居中
12-13
在网页设计中，火狐浏览器（Firefox）有时会给开发者带来一些独特的问题，特别是在处理按钮（buttons）的样式时。本文将详细讨论如何在Firefox中解决按钮的水平居中问题，以及针对Firefox私有属性引发的一些常见问题...
火狐浏览器for linux v52.0.2.zip
07-17
火狐浏览器for linux是火狐浏览器官方推出的火狐浏览器linux版，适用于linux系统。火狐浏览器英文全称Mozilla Firefox，是一个开源网页浏览器，使用Gecko引擎（非ie内核），支持多种操作系统如Windows、Mac和linux。...
滤镜问题-FireFox火狐浏览器与IE的对比分析
09-12
本文将深入探讨FireFox火狐浏览器与Internet Explorer（简称IE）在处理特定CSS属性——尤其是滤镜效果方面存在的差异，并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器，在其...
input-overlay:在流中显示键盘，游戏手柄和鼠标输入
04-28
在流中显示键盘，鼠标和游戏板输入。 适用于Windows（32bit / 64bit）和Linux（64bit）上的OBS Studio 19.0.3+。 前往二进制文件。 安装 在询问有关安装的问题之前，请仔细阅读安装指南。 请始终下载最新版本，而...
CSS3使用border-radius属性制作圆角
09-25
在提供的示例代码中，`.loginbox li input`类的样式展示了如何应用border-radius属性来创建圆角输入框。`border-radius: 6px;`这一行代码使得输入框的四角都变为6像素的圆角。 然而，示例中的`.loginbox li input....
微信小程序用iView weapp中input组件border-bottom不见之解决方案
wzp20092009的博客
08-29 1674
在微信小程序开发工具中使用 iView weapp 这个UI 组件库时我们常常会用到它的 input 输入框组件，但是实际开发过程中我们会发现输入框下方的的 border-bottom 有些不可见 通过分析其 css 样式可知，它的 border-bottom 是组件内部 class 为 “i-cell i-input" 的伪元素 after 定义的。 在 css 的样式中，伪元素 after...
html5input输入框设置无边框_border 边框
weixin_39568172的博客
11-28 8085
border定义：border简写属性在一个声明设置所有的边框属性。关于边框属性的认识我么需要知道的有：border-style，指定要显示什么样的边界border-width，指定边框的宽度border-color，设置边框颜色border-style关于border-style的属性值可以有：默认值 none（无边框），dotted（点线边框），dashed（虚线边框），solid（实线边框）...
HTML设置input只有底边框,css实现input聚焦底部边框动态
weixin_35711352的博客
06-10 1710
记录，如何用纯css实现input聚焦失焦的底部边框动态。实现效果：login pageinput{border: none;outline: none;caret-color: rgba(3,166,255,1)}.form-signin {width: 40%;padding: 60px 11% 75px;background:rgba(255,255,255,1);border-radius...
CSS - input 只显示下边框
weixin_30819085的博客
09-20 1万+
　 CSS 样式 ： border:none; border-bottom: 1px solid #000 转载于:https://www.cnblogs.com/500m/p/11555838.html
【转】input输入框的各种样式
weixin_30821731的博客
05-05 9812
输入框景背景透明：<input style="background:transparent;border:1px solid #ffffff"> 鼠标划过输入框，输入框背景色变色：<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor=...
vant.js的van-cell的横线怎么去掉
肖肖肖丽珠的博客
08-12 5468
如图我想去掉这个横行。给他加样式border:0;还以为是：after伪类上面加了边框。然后研究文档发现其实只要在标签内加上一个boder=“{{false}}”就行了。
input标签边框
热门推荐
weixin_44552233的博客
06-09 1万+
在我们做项目的过程中 很大一部分我们都要来设计页面布局 如何设计一个好看的页面也是很重要的一部分 需要设计一个好看的页面也少不了各式各样的标签 下面我来给大家说一个标签也是页面十分重要的一个标签那就是input input标签有如下几个属性 name属性 该属性用于指定用来保存用户输入文本的变量和名称 定义name属性后WML将根据该属性 为即将输入的文本实体对象与之存储空间 以便接收用户输入 t...
为什么火狐浏览器border设置为1，显示是0.8？
m0_66220119的博客
02-11 1151
当时发现这个问题我是非常懵的，一度怀疑是不是自己哪里没写好。花了大把时间看了N遍后，曾一度想砸电脑 当时我电脑给我的感觉是这样的： 于是乎，在鼠标快要被我戳烂之际终于可算是在网上找到了答案。 火狐某次更新后的盒子边框宽度显示为输入样式的0.8倍.久经查看没有结果,然后我想到了我笔记本的高分屏… win10更新之后默认会有个缩放功能,如图,默认刚好是125% 在这里插入图片描述 如果网上的其他方法不管用,可以试试这个.通过火狐浏览器的兼容性设置,替换高dpi选项,选择...
el-input oninput方法在火狐浏览器不生效
最新发布
05-31
在大多数浏览器中，该方法都能正常工作，但是在火狐浏览器中，可能会出现不生效的情况。这可能是由于火狐浏览器对于oninput事件的支持不同于其他浏览器所致。 解决该问题的方法是，可以使用onkeyup或者onchange事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值