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

已于 2022-03-17 14:26:25 修改
阅读量1.1k 收藏 1
点赞数 2
文章标签： css html css3
于 2022-03-17 14:20:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FuPoorT/article/details/123549324
版权

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

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

FuPoT
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
12-13
上述代码中，`#999999` 是我们想要设置的新颜色，你可以根据自己的需求更改这个值。为了确保在所有支持`placeholder`属性的浏览器中都能正常工作，你需要将这三个选择器都包含在你的CSS文件中。 需要注意的是，虽然...
使用JavaScrip模拟实现仿京东搜索框功能
08-06
`onblur`事件则在用户焦点离开搜索框时触发，如果此时搜索框为空，我们将恢复默认关键词和灰色字体颜色。 总结一下，这个示例展示了如何利用JavaScript和CSS来模拟京东搜索框的功能。主要知识点包括： 1. `onfocus...
Java文本框设置灰色_如何在JTextField中显示灰色的“幽灵文本”？
weixin_28977143的博客
02-27 765
小编典典对于它的价值，我发现实际实现它很有趣，因此我想与您分享(我不是在寻求投票)。这真的是非侵入性的，因为您要做的就是致电new GhostText(textField, "Please enter some texthere...");。剩下的代码只是使它运行。import java.awt.Color;import java.awt.Dimension;import java.awt.eve...
解决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
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加disabled字体变灰
weixin_55648290的博客
07-12 507
支付宝小程序input加disabled字体变灰
通过js修改input、select默认字体颜色
11-27
无论是`textarea`的焦点状态，`select`的选中颜色，还是`input[type="text"]`的默认值颜色，都可以通过监听事件并修改样式属性来实现。这样的定制化设计可以提升网站的交互体验，让用户的操作更加直观和舒适。
让input变成不可编辑状态的方法.pdf
最新发布
03-10
有时候，我们可能需要将一个`<input>`元素设置为不可编辑状态，以防止用户修改其中的数据。这在展示信息或者确保数据安全时非常有用。以下是一些方法来实现这一目标： 1. **禁用(disabled)属性**： 添加`disabled`...
jquery实现搜索框常见效果的方法
11-28
当用户离开搜索框，如果未输入任何内容，提示文本会重新出现，字体变为斜体，颜色变为灰色。 总的来说，这段jQuery代码展示了如何利用事件监听和DOM操作来增强搜索框的用户体验。这种效果在许多网站的搜索功能中都...
CSS教程:制作对用户友好的站内搜索表单
09-27
而当用户离开文本框时（如果没有输入任何内容），提示文本会重新出现，字体颜色恢复为灰色。 通过上述步骤，我们创建了一个无论在哪个浏览器或操作系统下都能提供一致视觉体验的站内搜索表单，并且具有友好的用户...
HTML 拾色器
12-13
在示例中，`<input type="color">`可以用于创建一个颜色选择器，让用户直观地选取颜色。 3. **颜色表示**： - 十六进制颜色代码（例如`#e3e3e3`）是常见的颜色表示方式，它由六个字符组成，前两个代表红色，中间两...
将文本输入框的背景设置成透明
10-30
- **`background-color`**：设置元素的背景颜色。 - **`border`**：设置元素的边框样式，包括宽度、样式和颜色。 - **`box-shadow`**：添加一个或多个阴影到元素，可以用来模拟背景效果。 - **`border-radius`**：...
LoginBox:在这里，我使用HTMLCSS创建了一个登录表单
04-14
`input`元素的样式使得输入框占据100%的宽度，具有一定的高度和内边距，边框颜色为淡灰色，并在底部有10像素的间距。 为了提高用户体验，我们还可以添加一些交互效果，比如在鼠标悬停或聚焦时改变边框颜色。例如： ...
CSS 网页表单实现鼠标悬停交互效果
09-25
这段CSS代码在鼠标悬停(input:hover)时将边框颜色变为#060（青绿色），鼠标离开时恢复为默认的#c00（暗红色）。这样，我们不仅实现了内容与表现的分离，减少了HTML代码，还提高了代码的可复用性和可维护性。 不过，...
<input />文字方框中，字体颜色的变化 要求默认的字体颜色是灰色，当要输入字时，字体是正常的黑色...
weixin_30496751的博客
11-09 509
<inputtype="text"name="address"size="60"maxlength="60"style="color:gray"value="(测试)"onfocus="if(this.value=='(测试)'){this.value=''};this.style.color='black';"onblur="if(this.value==''||this....
VUE_ELEMENT el-input修改禁用后字体颜色
FFFAN_KIKI的博客
11-09 2697
修改后：呈现深灰色，字体颜色加深，增强视觉表现力。修改前：呈现浅灰色，用户表示看着眼花。代码，在style里面加入。
UNIAPP 支付宝、钉钉小程序常见问题汇总
xinit1的专栏
06-26 3369
1、支付宝小程序把图片都转成了背景图片解决方法：在app.vue的style中添加 image{background-size:100% 100%; } 将整体背景图片设置宽高百分比即可。 2、xxxxxx 被作为 component 使用，但没有 "component": true 声明”报错解决方法：在pages.json文件中去掉报错组件路径或者重写组件独立出来，小程序自定义组件不能既当组件又当页面使用。3、textarea 字数重叠支付宝小程序textarea标签属性 maxlength已自带实..
支付宝小程序遇见的bug
ze1024的博客
10-22 605
最近写了一个比较长的form表单,支付宝小程序的,遇到一个bug 在安卓端没什么问题,但是在iOS端发生了问题 问题原因 当textarea在下方时,输入内容 唤起的键盘会把内容订到上面去 解决方法 使用enableNative="{{false}}"进行处理 <textarea enableNative="{{false}}" class="text-height" value="{{zjyEnterRemark}}" placeholder="请输入" maxlengt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值