求代码：在网页中输入文本框定义它的CSS样式，使得输入文本框的背景为灰色，字体为加粗红色。

2022-02-23 11:19:20 分类：养花问答来源: 日夏养花网作者: 网络整理阅读：169

网页中如何设置文本框中的背景颜色，及文本框颜色。我需要代码？？

如何设置input 的背景颜色

可以用input的css中background属性设置。

1、新建html文件，在body标签中，输入一个input标签，用浏览器打开这个文件，可以发现input标签的默认背景色是白色：

2、为了防止当前input背景色和其他input标签冲突，我们可以给当前input设置唯一id，这里用“demo”为例：

3、在head标签和body标签之间添加样式标签style，在style标签中，输入‘#demo {backgroung : red; }’，这里以红色背景色为例，此时浏览器中的input标签背景颜色变成了红色：

4、除了用css设置input的背景颜色，还可以用JavaScript动态设置input背景颜色。在body标签和html标签之间添加script标签，先获取元素的id，再获取背景颜色属性。如图所示，在script标签中输入“document.getElementById('demo').style.background = 'pink';”，这里以粉色为例，此时浏览器中的input标签背景颜色变成了粉色；

可以用input的css中background属性设置。

操作设备：戴尔电脑

操作系统：win10

操作软件：input

1、新建html文件，在body标签中，输入一个input标签，input标签的默认背景色是白色：

2、为了防止标签冲突，给当前input设置唯一id，这里用“demo”为例：

3、在head标签和body标签之间添加样式标签style，在style标签中，输入‘#demo {backgroung : red; }’，此时浏览器中的input标签背景颜色变成了红色：

4、在script标签中输入“document.getElementById('demo').style.background = 'pink';”，此时浏览器中的input标签背景颜色变成了粉色。

如何设置input 的背景颜色？
这样试了不对：background-color:red 如何设置input 的背景颜色？其中type为text

------解决思路----------------------
HTML code

<style>
input.text{background-color:red}
</style>
<input type="text" class="text">
<input type="text" style="background-color:blue">

------解决思路----------------------
学习....

------解决思路----------------------
楼主的环境问题吧！

------解决思路----------------------
HTML code
<style>
input.text{background-color:red}
</style>

<script>
function mm()
{
var a = document.getElementsByTagName("INPUT");
for(var i=0; i<a.length; i++) if(a[i].type=="text") a[i].className="text";
}
</script>

<body onload="mm()">

<input/>
<input/>

</body>

方案一：HTML code<style>
input.text{background-color:red}
</style>
<input type="text" class="text">
<input type="text" style="background-color:blue">
方案二：
XML/HTML code
<style>
input.text{background-color:red}
</style>

<script>
function mm()
{ var a = document.getElementsByTagName("INPUT");
for(var i=0; i<a.length; i++) if(a[i].type=="text") a[i].cfWqvilassName="text"; }
</script>

<body onload="mm()">

<input/>
<input/>

</body>

在Userlogin.asp文件中添加下列风格样式代码：
/* 文本框的CSS定义:对应CSS中的“INPUT”，这里为文本框的风格设置，可定义内容为背景、字体、颜色、边框等 */
Input
{
BACKGROUND-COLOR: transparent;
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
COLOR: #ffffff;
HEIGHT: 18px;
border-color: #ffffff #ffffff #ffffff #ffffff; font-size: 9pt
}
这段代码是控制文本框样式，其中“BACKGROUND-COLOR: transparent;”，transparent 为CSS样式中控制背景色透明的语句。

HTML网页怎么设置文本框里面输入的文字大小

情况如下图所示, 请问怎么设置那个文本框里面要输入的文字的大小?? 想把格子顶满 rn代码如下.rnrn

使用font-size样式就可以。

line-height：25px 。

无效的话就在CSS样式表里把这个input加个class 把它的表现形式变为 display：inline-block
或者display：block。

<www.rixia.cc;input type=text name=word style="height:25px;font-size:26px;" baiduSug=1>
<input type="submit" style='font-size:18px' value="扭一下">

style 中加入 style ="font-size:26px;" 就可以加大文本框里面的大小

使用f日夏养花网ont-size样式就可以. 25像素高的文本框,22像素字就差不多了,如果不够大,自己再改大点
<input type=text name=word style="height:25px; font-size:22px;" size=65 baiduSug=1> <input type="submit" style='font-size:18px' value="扭一下">

这个问题的处理方式是这样的，行高和字体大小一样，input的高度也和行高一样，用padding去顶

line-height：25px 日夏养花网
就好了
无效的话就在CSS样式表里把这个input加个class 把它的表现形式变为 display：inline-block
或者display：block（旁边还有别的东西就上面那个，没有就这个吧）

div css中在登陆界面上文本框中有灰色的文字等你点中文本框灰色的文字消失

就可以填写自己的用户与密码这个该怎么写想详细点

<!DOCTYPE html>
<html>
<head>
<style>
.txt{
color:#ccc;
}
.focus{
color:#333;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
var str="我是灰色文字";
$(".txt").val(str);

$(".txt").focus(function(){
var v=this.value;
if(v == str){
$(this).val("").addClass("focus");
}
}).blur(function(){
var v=this.value;
if(v == ""){
$(this).val(str).removeClass("focus");

}
});
});
</script>
</head>
<body>
<input class="txt" type="text" value="我是灰色文字"/>
</body>
</html>

//本着严谨的思想，还是修改下

<input name="name" type="text" value="默认内容" onfocus="if (value =='默认内容'){value =''}" onblur="if (valu日夏养花网e ==''){value='默认内容'}" />
这个如果内容为空，点击外面就会变成你的默认内容，
如果想要点击后，默认内容消失，就算点击外面也不会回来，则用下面这个
<input name="name" type="text" value="默认内容" onfocus="if (value =='默认内容'){value =''}"/>

一句话可以搞定，希望对你有帮助：
<input type="text" value="请输入用户名" onfocus="this.value='';" onblur="this.value='请输入用户名';" />

我这里有六种样式的示例
给我发邮件我给你回30628085@qq.com

文章标签: 生石花

本文标题: 求代码：在网页中输入文本框定义它的CSS样式，使得输入文本框的背景为灰色，字体为加粗红色。

本文地址: http://www.rixia.cc/wenda/214916.html

上一篇：有时候一个人总是会感到孤独，我该怎么办？

下一篇：割草机在使用前后需要注意哪些事项