今天宠物迷的小编给各位宠物饲养爱好者分享js 文本框边框颜色设置的宠物知识,其中也会对如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色?进行专业的解释,如果能碰巧解决你现在面临的宠物相关问题,别忘了关注本站哦,现在我们开始吧!
function changecl(){
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style***lor = cl;
}
asd
//楼主这个答案你先看着 应该对你有用的
function changecl(){
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style***lor = cl;
}
asd
//楼主这个答案你先看着 应该对你有用的
window.onload = function () {
document.getElementById('Btn').onclick = function () {
//更改字体颜色
document.getElementById('Txt').style***lor = "red";
//更改背景颜色
document.getElementById('Txt').style.backgroundColor = "red";
}
}
input text 有两个事件。一个是获取焦点,一个是离开焦点。
当光标在文本框内触发获取焦点事件,你可以写个css把文本框颜色变了
离开焦点把文本框的颜色再变回去。
RunJS 演示代码 input[type=text]{ border:2px solid transparent; width:250px; height:25px; } span{ border-radius:90px; background-color:transparent; width:30px; height:30px; } var s = ""; var kp = function(txt){ var ino = txt.nextElementSibling; if(!/^([1-9]\d?|0|100)$/.test(txt.value)){ txt.style.borderColor = "red"; ino.style.backgroundColor = "red"; ino.innerHTML = "×"; s = ""; }else{ txt.style.borderColor = "green"; ino.style.backgroundColor = "green"; ino.innerHTML = "√"; //不及格= 60 && s = 75 && s = 85 && s submit
Vue实践-CSS样式position/display/float属性对比使用
如: 设置它的css样式: #userName{ width: 200px; height: 30px; line-height: 30px; padding: 10px 10px 10px 53px; border: 1px solid #FFF; border-radius: 3px; color: #858585; font-size: 18px; background: url('../image/login/loginbg-new.jpg') no-repeat scroll 18px 0px #FFF; } 其中图片:loginbg-new.jpg: name = "password" 的css样式和name是相同的。 我今天做页面时刚刚做的用户登录,界面和你的类似,希望对你有帮助。
这是针对你的问题的测试界面测试页面,界面结构如图。 1、点击按钮变红。 2、再次点击按钮变黑。 3、这是javascript代码,由于每次点击,都要记录一个状态,所以用i这个变量记录这个状态,根据它的奇偶性来控制颜色变化。 var i = 0; function changeColor() { if (i++%2 == 0) { document.getElementById('id1').style***lor = 'red'; } else { document.getElementById('id1').style***lor = 'black'; } }
不知道你的文本框是怎么的布局。我就默认都是在同个层(div)中。试试下面的看看。
$("input").hover(function(){$(this).css("boreder","1px solid yellow").siblings("input").css("border","1px solid red")};)
本文由宠物迷 百科常识栏目发布,非常欢迎各位朋友分享到个人朋友圈,但转载请说明文章出处“如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色?”
上一篇
适合湘北种植的果苗?
下一篇
手机如何自拍