input框中颜色color修改了但是字体颜色一直是默认灰色

FuPoT

已于 2022-03-17 14:26:25 修改

阅读量1.3k

点赞数 2

文章标签： css html css3

于 2022-03-17 14:20:48 首次发布

本文链接：https://blog.csdn.net/FuPoorT/article/details/123549324

版权

本文探讨了在谷歌浏览器中遇到输入框文字颜色默认为灰色的问题，以及如何通过添加`-webkit-text-fill-color`样式属性来覆盖默认设置，确保字体颜色按预期显示。这对于前端开发者调试和优化网页界面时具有重要意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

输入框里面的颜色一直默认为灰色。加了颜色color，权重最高但是颜色还是默认灰色。

这是由于谷歌浏览器的自带样式的缘故。在样式中加个-webkit-text-fill-color: #1576DC;/* 设置字体颜色 */

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FuPoT

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

点击按钮修改input文字及其颜色，按钮的文字也会随之改变

09-17

点击按钮修改input文字及其颜色，按钮的文字也会随之改变

input 默认值为灰色，输入时清楚默认值

weixin_34191734的博客

06-12

869

input 默认值为灰色，输入时清楚默认值 <input value="please input your name" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue; this.style.color='#999'}" s...

参与评论您还未登录，请先登录后发表或查看评论

支付宝小程序input加disabled字体变灰

weixin_55648290的博客

07-12

593

支付宝小程序input加disabled字体变灰

input、select默认字体颜色

weixin_30951231的博客

03-01

554

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失 <textarea cols="50" rows="5" id="textarea"onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}"onblur="if (va...

VUE_ELEMENT el-input修改禁用后字体颜色

FFFAN_KIKI的博客

11-09

3031

修改后：呈现深灰色，字体颜色加深，增强视觉表现力。修改前：呈现浅灰色，用户表示看着眼花。代码，在style里面加入。

通过js修改input、select默认字体颜色

10-19

尤其当涉及到表单元素如`input`和`select`时，修改默认字体颜色是一个常见需求，这可以改善用户界面的用户体验。本文主要介绍如何使用JavaScript（js）来修改这些表单元素的默认字体颜色，并提供相关的代码示例。 ...

修改输入框placeholder文字默认颜色-webkit-input-placeholder方法

12-13

上述代码中，`#999999` 是我们想要设置的新颜色，你可以根据自己的需求更改这个值。为了确保在所有支持`placeholder`属性的浏览器中都能正常工作，你需要将这三个选择器都包含在你的CSS文件中。需要注意的是，虽然...

<input />文字方框中，字体颜色的变化要求默认的字体颜色是灰色，当要输入字时，字体是正常的黑色...

最新发布

05-26

可以使用CSS实现这个效果。你可以在CSS中将输入框的默认文字颜色设置为灰色，然后在输入框获取焦点时...在上面的示例中，输入框的默认字体颜色为灰色，当输入框获取焦点时，字体颜色变为黑色。你可以根据需要修改样式。

el-input的color修改无效问题

diaoting2815的博客

03-16

2772

相信很多前端初学者跟我一样也遇到过el-input的color修改无效问题如下图：我想把el-input里面的文字改成蓝色，但是使用总是失败修改方法：打开调试界面，找到el-input对应的style样式，找到style下面的color，对其进行颜色修改，看界面上的el-input颜色是否会发生改变，若是改变，那么就是这个类了，步骤如下修改调试器里面的color...

解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）

一片天空

07-31

1万+

发现给input disabled 输入框设置以下样式： input:disabled, input[disabled]{ color: red; opacity: 1; }· 发现没有效果；而后改为这样： input:disabled, input[disabled]{ color: red; opacity: 1; -webkit-text-fill-color:red; // ios 和安卓9.0 必须添加此属性，才会生效 -webkit-opacity:1; } -we

Java文本框设置灰色_如何在JTextField中显示灰色的“幽灵文本”？

weixin_28977143的博客

02-27

835

小编典典对于它的价值，我发现实际实现它很有趣，因此我想与您分享(我不是在寻求投票)。这真的是非侵入性的，因为您要做的就是致电new GhostText(textField, "Please enter some texthere...");。剩下的代码只是使它运行。import java.awt.Color;import java.awt.Dimension;import java.awt.eve...

u-input改变输入框内的字体样式

热门推荐

sinat_41772813的博客

09-15

1万+

编辑uview的组件input 由于我的项目背景是蓝色，因此要改变input组件的字体颜色，刚开始我的思路是，直接找到u-input组件的class，但是这样设置的话，会导致所有的input内文字都变成我设置的颜色，综合网上的信息，我的处理方式是这样的。在u-input外包一层view，给view一个class，然后再给input一个class，示例如下 <view class="dev-number"> <u-input class="input" v-model="form.numb

input 框换背景色

qq_40597889的博客

09-18

6315

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传 LaTex数学公式 UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...

修改HTML5 input placeholder 颜色及修改失效的解决办法

weixin_33739523的博客

11-30

171

input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox...

css种颜色显示不出来,一个很奇怪的CSS问题，设置成灰色看不到，但其它颜色能看得到。...

weixin_42520573的博客

08-03

631

该楼层疑似违规已被系统折叠隐藏此楼查看此楼无标题文档body{height:800px;}.ajax-indicator {position: absolute; /* fixed not supported by IE */background-color: #000;text-align: center;top: 0;left: 0;width: 100%;height: 100%;font...

修改 input checkbox(复选框) 选中的背景颜色 _@jie

tattoo_jie的博客

02-06

1万+

在项目中遇到修改 input选中后的背景颜色实现效果如下图：代码如下： <style> input[type=checkbox] { cursor: pointer; position: relative; width: 15px; height: 15px; font-size: 14px; } input[type=

项目中记住账号后选中账号input框背景色被改变问题记录

xt_XiTu的博客

08-02

804

最近项目的UI走查提出了选中上次记住的账号后，账号密码输入框样式改变的问题，记录一下最后找到的解决方案。vue项目使用此方法解决问题时，注意样式穿透问题，有时候此方法无效可能需要增加v-deep。...

uni-app_uView1.0 输入框里获得焦点时边框颜色改变，失去焦点后边框恢复原颜色

彬sir哥的博客

10-27

3195

2、怎么快速改代码，不用去百度找(会浪费时间)，就是直接在。我不说多了，自己检查就即可。

input框中颜色color修改了 但是字体颜色一直是默认灰色

input框中颜色color修改了但是字体颜色一直是默认灰色