正文
css消息框样式,css文本框样式
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css文本框样式
head
style type="text/css"
!--
.aa
{ background-color:#0000ff; color:#000000;filter: alpha(opacity=50)}
.bb
{ background-color:#009933; color:#000000;
}
/script/head加入这个
body
div id="Layer5" onMouseOver="this.className='aa'" onMouseOut="this.className='bb'"/div
/body这样鼠标经过颜色就变啦
相关问答
Q1: css 特殊input样式
css 特殊input样式，参考如下：
输入框景背景透明：
input style="background:transparent;border:1px solid #ffffff"
鼠标划过输入框，输入框背景色变色：
INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="width: 106; height: 21"
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black"
输入字时输入框边框闪烁(边框为小方型)：
Script Language="javascript"
function borderColor(){
if(self['oText'].style.borderColor=='red'){
self['oText'].style.borderColor = 'yellow';
}else{
self['oText'].style.borderColor = 'red';
}
oTime = setTimeout('borderColor()',400);
}
/Script
input type="text" id="oText" style="border:5px dotted red;color:red" onfocus="borderColor(this);" onblur="clearTimeout(oTime);"
输入字时输入框边框闪烁(边框为虚线)：
style
#oText{border:1px dotted #ff0000;ryo:expression(onfocus=function light (){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};
/style
input type="text" id="oText"
自动横向廷伸的输入框：
input type="text" style="huerreson:expression(this.width=this.scrollWidth)" value="abcdefghijk"
自动向下廷伸的文本框：
textarea name="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight80) this.style.posHeight=this.scrollHeight+5"输入几个回车试试/textarea
只有下划线的文本框：
input style="border:0;border-bottom:1 solid black;background:;"
软件序列号式的输入框：
script for="T" event="onkeyup"
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
/script
input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T7" size="5" maxlength="3"
Q2: CSS可以定义弹出对话框的样式吗
不可以以，除非这个弹出框是用div或者其他标签写的。
如果是div等标签写的那么就和普通的做法没什么区别只是js判断显示和隐藏而已。
Q3: css规则定义对话框共包括那8个选项
方法如下：
1、点击css样式窗口的"新建css规则"，打开新建css规则对话框。
2、在选择器类型中选择“类”，选择器名称选择.title，在规则定义中选择新建样式表文件。点击确定后选择样式文件要放置的文件夹。
3、这样就创建了一个css样式文件，并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型，这就是css规则的类型样式，主要用于设置文本的css样式。
Q4: css怎样设置有弧度的消息框
1，李的身高和line-height将成为相同的草案，并设计 - 2，将切出的图标的完整列表，摊在UL，不是平铺
3，使用后台位置控制的背景和UL李文本对齐即可。 。 。
Q5: CSS border（边框）样式写法总结
border属性 ：在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。
语法：border： border-width | border-style | border-color;
border-width ：边框宽度。可以指定长度值。如1px，1em（单位为px，pt，em等）。或者使用关键字medium（默认），thick，thin。
border-top-width：设置元素上边框宽度
border-right-width：设置元素右边框宽度
border-bottom-width：设置元素下边框宽度
border-left-width：设置元素左边框宽度
border-style ：边框样式。
border-top-style：设置元素上边框样式
border-right-style：设置元素右边框样式
border-bottom-style：设置元素下边框样式
border-left-style：设置元素左边框样式
属性值有：
none：无边框。
hidden：隐藏边框。对于表，hidden 用于解决边框冲突。
dotted：点状边框。
dashed：虚线边框。
solid：实线边框。
double：双线边框。两条单线与其间隔的和等于指定的border-width值。
groove：3D凹槽边框。
ridge：3D垄状边框。
inset：凹边框。
outset：凸边框。
border-color ：边框颜色。
1.1 边框各样式效果图
1.2 四条边颜色样式相同
1.3 四条边颜色不同，样式相同
1.4 四条边颜色相同，样式不同
1.5 设置上边框宽度、样式、颜色
1.6 设置右边框宽度、样式、颜色
1.7 设置下边框宽度、样式、颜色
1.8 设置左边框宽度、样式、颜色
以上对border边框属性进行了基础操作，大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解，那就在回复区畅所欲言吧，我定会吸取精华~如有写错欢迎大家回复，我以后定会更加细心 _
