我想在输入标签和输入框中设置不同的颜色。我使用的材料ui主题在反应js。
我想设置黑色作为部门的标签和输入框颜色是灰色的焦点。
这是我的代码片段。
import { grey, red } from "@mui/material/colors";
import { createTheme } from "@mui/material/styles";
import { color } from "@mui/system";
const theme = createTheme({
palette: {
primary: {
浏览 6提问于2022-12-01得票数 0
1回答
如何在js颜色选择器上对同一事件分别更改任何元素的背景色和颜色，例如输入框或div。
<div class="search-div" style="margin:-60px auto;">
<input type="text" max-length="255" id="rect" placeholder="Search" class="search-box"/>
<button class="btn btn-md btn-warning
浏览 2提问于2017-05-04得票数 0
回答已采纳
2回答
js点击添加颜色
、、
我有个问题。因此，我基本上是在创建一个js脚本，当用户点击一个链接时，它会将链接涂上不同的颜色，然后将链接添加到一个输入框中，当用户再次单击同一个链接时，它会将颜色更改为原来的颜色，并从输入框中删除文本。其目的应该是作为一个搜索过滤器，您可以添加到搜索框，预定义键盘。
$('.tagsSelect a').click(function() {
var clickColor = this.style.color;
if(clickColor = "#F5EBD5"){
var value = $(this).text();
浏览 2提问于2014-09-22得票数 1
回答已采纳
我正在用HTML5和JS构建一个简单的绘画应用程序。我在更改画布背景的颜色时遇到问题。
我有一个输入框，它调用颜色选择器。当值发生变化时，它应该调用getBgColor()函数并更新画布。然而，这个函数甚至没有被执行，我不知道为什么！
输入框：
<input id = "bgcolor_select" type="text" value="Background Color" onclick="colorPicker(event)" onchange="getBgColor()"/>
值发生变化时由输入
浏览 1提问于2012-11-14得票数 0
回答已采纳
1回答
我使用Spectrum JS作为不支持<input type="color>的浏览器的后备方案。要做到这一点，只需包含Spectrum JS库，所有操作都会自动完成。
一个有效的例子：
您应该会看到默认的颜色输入框，除非使用IE。(是的，即使是IE11也不支持颜色输入。MS仅支持Edge中的颜色输入)
问题是，一旦使用$(element).spectrum()函数，它将显示所有浏览器的光谱颜色选择器，而我只是想将其用作备用。那么，如何将选项添加到回退颜色选择器？
浏览 13提问于2017-02-07得票数 10
回答已采纳
因此，我正在尝试向fancybox图像查看器添加一个颜色选择器，以动态更改背景颜色。我已经让它在正确的位置显示了颜色选择器输入，但是js似乎没有加载，我只是得到了一个标准的输入框。
下面是它的js小提琴
我正在使用光谱颜色选择器
颜色选择器加载并正常工作时，将
<input id='colorpicker' />
在我的页面中，但就像我说过的，当它用fancybox动态插入时，只会显示一个输入。你们这些天才有什么想法吗？
浏览 2提问于2013-06-03得票数 0
2回答
我正在使用jquery mobile，我只想在触摸输入框时更改输入框的背景色，并且当用户输入文本时我想删除背景色.so到目前为止我已经这样做了
<input type ="text" id="name" placeholder="type">
js
$("#name").click( function(event) {
$(this).addClass('tap-button');
});
css
.tap-button{
background:red;}
但在输入文本
浏览 3提问于2013-05-14得票数 0
回答已采纳
视图
<template>
<div single-value-attrib="${color}"></div>
<div single-value-attrib.bind="color"></div>
<input type="text" value.bind="color" />
</template>
视图模型
export class SingleValueAttribCustomAttribute {
static inj
浏览 3提问于2016-04-26得票数 0
回答已采纳
如何将输入框内文本的颜色更改为不同的颜色。例如：文字改为绿色、红色、紫色等。我计划使用“选择框”来存储不同的颜色，并根据所选的颜色更改“文本”颜色:但是我很难实现成代码。我对js很陌生，jquery任何帮助都会非常感谢。此外，要将带有选定颜色的文本保存到表中，需要做些什么(我是否将颜色保存在数据库中？)我将非常感谢在这方面得到任何帮助。
浏览 12提问于2017-05-14得票数 0
回答已采纳
在我的Eclipse安装中，内容辅助菜单中选定的条目几乎是不可读的，因为白色是白色的灰色。见下图。
我可以从eclipse首选项中更改列表中非选定条目的背景和文本颜色，但是所选的条目总是相同的颜色，并且总是不可读。我使用 ，但据我所知，这只会影响编辑器。
如何使上下文辅助菜单中选定条目的文本可读性？
更新
在阅读了之后，它确实似乎从当前的gnome主题中摘取了它的颜色。但是它以一种奇怪的方式来做这件事。
内容辅助窗口的背景颜色是输入框背景颜色，文本颜色是输入框文本颜色。这一切似乎都合乎逻辑。
然而，所选条目的背景颜色是windows背景颜色，但所选条目的文本是而不是背景文本颜色。
有
浏览 24提问于2011-06-21得票数 30
回答已采纳
The JS
Colors = new Meteor.Collection("colors");
Template.col_list.cols = function () {
return Colors.find();
};
因此，这段代码将输出从Col.find到html中的车把cols的所有内容。
{{#each cols}}
{{name}}, {{RGB}}, {{HEX}}
{{/each}}
但是假设我想要一个输入框，这样我就可以搜索颜色的名称，所以它只显示该颜色的信息，或者任何以我在输入框中键入的内容开头的颜色。
例: with = " bl“输出
浏览 1提问于2013-12-18得票数 0
回答已采纳
我有一个输入框，在这里，我需要设置正在动态输入的文本的颜色。我无法使用content.style.color属性设置颜色。这是小提琴
浏览 0提问于2017-04-17得票数 0
回答已采纳
2回答
我想使用输入来实现上面的效果。无论我在输入框中输入什么，我都只能更改文本颜色，而不能更改特定的字母。我想让特定字母的颜色改变我在输入框上写的东西。例如，如果我在输入框中输入"hello“，"H”、"E“、"L”、"L“、"O”的颜色会变成绿色。下面是我的代码。
document.addEventListener("input", function() {
document.getElementById('values').style.color = "#999";
})
浏览 2提问于2021-03-18得票数 3
2回答
我想使用Qt 5创建以下内容：
界面包含一个输入框，它接受颜色输入，并且框根据给定的输入改变颜色
用于根据输入改变小部件颜色的GUI
浏览 1提问于2018-04-18得票数 0
我有一个文本段落和一个输入框。用户将在输入框中键入相同的文本，如段落所示。
我想用颜色突出显示段落文本，以便用户键入它，以显示进度。我不知道如何在HTML和CSS中这样做。
我目前的想法是对文本中的每个单词都有某种标记(可能是span)。然后在使用进入文本时继续添加颜色类。我想知道是否有更好的方法。
一个例子是一些类型站点。
浏览 4提问于2016-01-18得票数 5
回答已采纳
我试图“闪现”一个输入框，方法是简短地更改背景颜色，然后使用jquery返回到原始bg颜色，以指示错误并吸引用户的注意。
来演示我想要做的事情。
我必须使用jquery版本1.6.1。在小提琴演示中，它使用的是1.6.4，输入框的颜色永远不会改变。实际上，即使是1.11，它也不起作用。在我用代码进行的本地测试中，输入框用第一个动画调用更改红色，但是对第二个动画调用(将bg颜色恢复为白色)没有任何作用。它只会保持红色。
除了使用jQuery1.11之外，我在另一个站点中使用了非常类似的代码来做同样的事情，而且它运行得很好。
这只是一个兼容性问题吗？有什么方法可以让1.6.1版的工作正常吗？
下面
浏览 2提问于2015-04-10得票数 0
回答已采纳
1回答
几天来，我一直在网上寻找一种方法来更改输入框自动完成下拉列表的背景颜色，该下拉列表在您开始键入时出现。现在我得到一个带有灰色背景和文本的下拉列表，该文本比输入框文本略小。
我希望将背景更改为白色，并将文本大小增加为与输入框中的文本相同的大小。代码如下：
input {
width: 485px;
border: 1px solid rgb(150,150,150);
background: white;
background-color: white;
padding: 10px;
font-weight: normal;
浏览 2提问于2015-09-12得票数 0
3回答
我似乎不知道在颜色选择器上的这个特定输入框中写占位符是什么，我有一个占位符作为“：
placeholder="Type a hex (Or keyword)"
它默认为"#FFFFFF“，有人知道为什么吗？我试图同时更改输入框的值和占位符，但仍然没有任何变化。
浏览 7提问于2014-03-30得票数 0
回答已采纳
2回答
我有一个输入框和提交按钮作为html，我想在输入框中输入任何数字，然后警报消息将显示如果它是偶数或奇数。如果它甚至超过一个段落，文字的颜色将改为红色，否则蓝色。这是我的密码：
<!doctype html>
<html lang="en">
<head>
<script src="jsfile.js"></script>
</head>
<body>
<input type="text" id=
浏览 7提问于2015-06-26得票数 0
回答已采纳
我是Flex的新手，尽管对编程并不陌生。我想编写一个通用的事件处理程序，当我的所有文本输入框接收到焦点时，它将被调用。当他们有焦点时，我想改变文本输入框的颜色。当它们失去焦点时，我想恢复“非活动”颜色配置文件。我可以为每个文本输入框编写一个ActionScript事件处理程序，但我们都知道这很差劲。:o)那么，我需要的是一种访问调用事件处理程序的对象的方法。
在Delphi中，我已经编写了一个传入Sender对象的函数，允许我访问调用对象的属性。我猜ActionScript/Flex有一个完全不同的架构，这就是为什么我很难做到这一点。
在期待中感谢！
浏览 2提问于2008-10-21得票数 0
回答已采纳
3回答
因此，我有一个项目，在一个页面上，我希望输入框发光(当点击)是一个特定的颜色，而在另一个页面，我希望输入框发光是不同的颜色。我理解在bootstrap.css文件中我可以修改以下代码：
.form-control:focus {
border-color: #76323F;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(118,50, 63, 1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0
浏览 5提问于2017-07-03得票数 0
回答已采纳
3回答
我有一个表格，在每一行都有一个复选框，在表格的底部有一个输入框，我们可以在其中输入颜色名称(例如: fff)。当我们点击提交时，将选中的所有'tr‘复选框的颜色更改为我们在输入框中输入的颜色
浏览 1提问于2011-11-06得票数 0
好的，新的JS，但是我有一个带有输入框的HTML表单。这个输入框值需要=我编写的一个JavaScript函数，但我无法使它工作。
头上有我的js文件的位置。基本上，我希望输入框值= JavaScript函数。
<script src="js/functions.js"></script>
HTML输入框
<input type="text" name="date" id= "date" value= "" class="inputBox"
disabled />
浏览 3提问于2016-03-03得票数 0
回答已采纳
如何获得JavaScript函数中html输入框的“id”以将值设置为相应的输入框，该输入框调用JavaScript函数
<html>
<script type='text/javascript' src='./javasc.js'></script>
<input type='text' id='one' onclick='setVal()'/>
<input type='text' id='two' onclick='
浏览 2提问于2014-03-12得票数 0
回答已采纳
<input id='ad' onkeyup='sc(id)'/>
<script lang="javascript">
function sc(i)
{
i.style.backgroundColor="#006400";
}
</script>
这是我用来通过id改变输入框的背景颜色的代码，但它不起作用。请建议一些更改输入框背景颜色的方法。
浏览 0提问于2012-04-05得票数 1
回答已采纳
我几天前开始学习angular，我一直在尝试根据用户的文本输入更新div的颜色，但我似乎无法让它工作，我想知道我是不是用错了方法。
我已经看到许多关于这些主题的帖子和答案，人们想要使用复选框或类似的东西来更新颜色。为此，允许使用一定数量的颜色，以便可以创建类并使用ng-class指令。显然，我可以用文本输入框做到这一点，但我正在寻找允许任何可能的十六进制颜色值的功能，我宁愿不为它写出每个类。
我的想法是这是可行的：
HTML
<div ng-app='root' ng-controller = 'index'>
<input type =&
浏览 3提问于2016-09-17得票数 0
3回答
输入框的样式：
.inputBox {
font-size: 5rem;
background-color: red;
}
字体大小会使输入改变其高度，但只有当我单击页面上的某个位置时，字符才会变大。至于颜色，只有当我开始在输入框内输入时，它才会更改为红色。
在我的jsx/html中，我创建了一个自定义输入组件，但是它不应该与错误相关：
export default function Input({ type, id, style, className }) {
return (
<input type={type} id={id} className={c
浏览 7提问于2022-03-27得票数 0
问题: DataTables 1.10.4:我需要减小表中一些列过滤器输入框的宽度。
我使用的是jquery.dataTables.css和jquery.dataTables.js，除了在css文件中添加了一些颜色和边框样式。
我的表最终将有超过100行，有15列。这是一个链接
我想让一些列过滤器输入框的宽度变得更窄。例如，其中一列中的数据是单个字符。根据我所做的测试，在我看来，输入框的最小宽度是固定的，以防止更窄的列。这意味着我的一些列对于数据来说太宽了，而我的表也太宽了，不容易管理。
如果我删除每列顶部的筛选器输入框，列可以很好地调整自身大小，但列筛选器是必不可少的。
我已经看到了很多类似
浏览 1提问于2015-02-18得票数 0
我有一个<span>标记，<span class="output render" id="text1"></span>，它希望由spectrum.js动态控制以更改颜色。
这个span是从这个jquery呈现出来的：
$("#text_submit").submit(
function(event) {
$("#text1").html($("#1").val());
}
);
为了让颜色选择器影响我尝试过的跨度：
$(".output r
浏览 3提问于2014-02-17得票数 2
回答已采纳
我知道我的标题可能有点混乱，也许有人可以推荐一个不同的标题。
所以不管怎样，我正在学习一些Jquery，我想让我们用它来验证表单，我将展示代码，然后提出问题。
表格：
<form action="" method="POST">
<ul>
<li>
<label for="market_1">Market: </label>
<input type="text" name="market
浏览 3提问于2013-03-26得票数 0
回答已采纳
当我的网站的用户点击一个选择框时，带有选择选项的窗口的颜色与身体的颜色相匹配，但是我想改变这个颜色。例如，CSS中的这段代码只影响输入框，而不影响显示下拉列表中选项的较小的“窗口”：
select {
background-color: aliceblue;
}
有快速的解决办法吗?还是必须使用jquery或其他UI进行自定义。
浏览 4提问于2016-08-10得票数 1
回答已采纳
1回答
动态改变按钮颜色
、、、
当我改变输入框中的十六进制时，我正在尝试改变按钮的颜色。
$(document).ready(function(){
$("#hex").on('change', function(){
var hex = $("#hex").val();
$("#btn").css({"background-color":hex});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jqu
浏览 3提问于2016-12-15得票数 0
回答已采纳
2回答
我正在尝试实现光谱颜色选择器
我有频谱css文件和频谱js文件，还有jquery 1.9.0文件，与html文件在同一个文件夹中。
我得到的只是一个屏幕上的输入框，没有颜色选择器。我在firefox/chrome和IE中都试过了，但什么都没有。
我看不到任何地方它说我需要任何额外的文件
有人能帮帮忙吗?我想这可能是很明显的事情
下面是html文件的代码
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<link rel="stylesheet&
浏览 0提问于2013-05-02得票数 6
回答已采纳
我正在尝试将表单验证中的错误显示为输入框中的占位符。 现在，我有以下HTML/PHP代码： <input type="text" name="name" id="name" placeholder="Enter first name"
class="<?php if(isset($error['name'])){echo "error-found";} else { echo "no-error";} ?>"
value="<?php
浏览 45提问于2020-04-08得票数 0
我有一个表单，希望在填写完所有表单输入时更改submit按钮的背景颜色。我只用一个输入框就开始测试了，但是当我向输入中添加内容时，按钮的颜色并没有实时改变。如何调整我的代码，以便只要我在输入框中键入任何内容，它就会识别它并实时更改按钮颜色？ jQuery(function($){
var teamname = $('#acff-post-acfef_2207cc4_title').val();
if(teamname !== ''){
$('.acff-submit-button').c
浏览 12提问于2021-10-12得票数 0
回答已采纳
我在7文件中有一个简短的答案幻灯片，该文件被设置为调查类型，它通过内部服务器报告答复。
当我发布项目并查看Flash输出(“可伸缩的HTML内容”)时，我根本无法输入框。
我已经检查过文本颜色与输入框的颜色不一样。我重新制作了几次特殊的幻灯片。
HTML5输出正常工作，我可以输入框。
我有"Flash播放器版本“要求设置为"Flash 10”。
如果有人有什么想法的话，那就太棒了！
浏览 2提问于2013-10-23得票数 1
回答已采纳
1回答
我正在为安卓开发一个输入法，其中包括一些突出显示的文本输入的背景颜色由用户(使用SpannableString)。
当旋转设备并重新绘制键盘时，文本仍保留在用户输入的输入框中，但是，所有样式(即背景颜色)都会丢失。
你知道为什么会发生这种情况，以及如何规避吗？
浏览 0提问于2014-08-29得票数 0
1回答
$('.editable').editable('/echo/html/', {
callback: function (value) {
$(this).data('bgcolor', $(this).css('background-color'));
if (value == this.revert) {
$(this).animate({
color: "red"
}, 400);
浏览 1提问于2013-08-21得票数 1
我在ADF是新手，我的要求是，当我运行包含下拉列表输入框的页面时，最初它应该是黄色的空白输入框，然后单击下拉列表，然后列表以白色背景颜色出现。
再次从列表中选择任意值后，将显示带有所选值的黄色背景输入框。
浏览 2提问于2014-11-25得票数 0
1回答
我有多个具有相同类的div，每个dev都有一些输入框。每当我更改输入框中的值时，所有输入框中的所有输入框都应该只更新该div中的值，而不是所有div的值。
<div class="select-guest__info table-responsive ">
<input class="js-qty" type="number" value="2" />
<input class="js-qty" type="number" value=&#
浏览 2提问于2021-02-09得票数 2
回答已采纳
我目前在代码中使用multifilter (上的jquery插件)。如果您查看该链接，它将向您展示如何实时过滤表。我的问题是，在刷新页面时，输入框中输入的任何文本都会丢失。我想，如果我将输入设置为autocomplete=on，如下所示：
<input autocomplete='on' class='filter' name='name' placeholder='name' data-col='name'/>
它将保留输入框中的值。但是，它不会在刷新时触发multifilter.js，需要我仍然在输
浏览 0提问于2018-07-05得票数 0
回答已采纳
在我的控制器中，我有一个输入框和一个带有文本的div。默认情况下，div设置为display:无
我想通过聚焦输入框使div可见。可以用angular.js吗？
浏览 2提问于2016-08-26得票数 0
回答已采纳
我有一个表单，用户可以使用它输入5个数字。我给了所有五个输入框相同的id和不同的名称。我想要对每个输入框执行验证。我想要能够改变背景颜色的输入框，根据他们输入的数字。例如，在0-5范围内的每个输入框都应该将其背景颜色更改为红色，6-10之间的输入框应该是绿色的。
我已经能够编写一个代码，它会导致一个输入框的颜色发生变化，但是我想不出一种方法来优化我的代码，并避免编写相同的代码五次。到目前为止，我得到的是：
表格：
<form id="numbers">
Number1: <input id ="color" name="num
浏览 4提问于2015-01-14得票数 0
编辑:将输入的背景更改为透明，解决了问题。
我有一个表，需要将行中输入框的背景色更改为与行相同的颜色。当我在行上方悬停时，它会更改为浅蓝色，但输入框将保持白色，除非您悬停在输入框上。如果您将鼠标悬停在输入框上，则颜色会发生变化，但如果您悬停在行的任何部分，则需要更改颜色。任何帮助都是非常感谢的。
.rowTable是所有行的类。
HTML：
<td class="completedCalendar tableData"><input value="%dateCompleted%" class="datepicker picker_inp
浏览 0提问于2018-02-06得票数 1
回答已采纳
这是一个类型记录和html问题。让我来描述一下情况。有一个输入框和一个按钮。当我键入输入框时，它原子地用我在输入框中键入的段落显示字符。当我单击该按钮时，一个函数onClickAllow()可以工作。这个函数基本上检查一个随机值--负值或正值。它还在数组中推送输入文本。输出是:背景色的index_number.input_text。当Math.Random() > .5时，背景色将是红色，否则是绿色。我的代码也能用。但问题是，当颜色改变时，它也改变了以前的内容。
如果您看到输出-1显示带有红色背景颜色的第一个元素，但是在输出-2中，当第二个元素带有绿色背景颜色时，它也会更改第一个元
浏览 1提问于2019-11-12得票数 3
回答已采纳
1回答
我试图移除输入框的边框，但我不知道为什么当我呈现它时它不能工作。我使用React.JS来呈现页面，但我不认为这是问题所在。
React.JS
return (
<div>
<form className = "formPosition">
<div className = "formTitle">Hello.</div>
<div className = "formDescription&#
浏览 4提问于2016-05-11得票数 2
回答已采纳
5回答
有人知道为什么这不管用吗？当输入框处于活动状态时，我希望从输入框中更改标签的颜色。
JavaScript：
$("input").focus(function() {
var inputID = document.activeElement.id;
document.getAnonymousElementByAttribute('label','for', inputID).setAttribute('class', 'active');
});
HTML：
<label for="username&
浏览 0提问于2013-09-22得票数 0
回答已采纳
您好，请看一下下面的示例(代码和链接)，让我知道为什么透明div内的其他元素的颜色也会改变，以及如何防止这种情况发生？我的意思是，我喜欢我已经指定的文本框和字体颜色为白色，但现在它们看起来是灰色的！
正如你从链接中看到的，文本输入框内的颜色变成了灰色！下面是代码：
.test
{
color:#FFF;
border: solid 2px #2d2d2d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 180px;
wid
浏览 0提问于2013-02-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
