HTML输入框样式

本文主要是介绍HTML输入框样式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

昨天做项目，做一个后台登录页，老是感觉输入框不好看，然后就上网搜了一下，看到了这个，确实很好用，兄弟们想美化输入框的，来看看吧！

输入框景背景透明：
<input style="background:transparent;border:1px solid #ffffff">
鼠标划过输入框，输入框背景色变色：
<INPUTvalue="Type here" NAME="user_pass" TYPE="text" SIZE="29"οnmοuseοver="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="width: 106; height: 21"
οnmοuseοut="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>
<inputtype="text" id="oText" style="border:5px dotted red;color:red"οnfοcus="borderColor(this);" οnblur="clearTimeout(oTime);">
输入字时输入框边框闪烁(边框为虚线)：
<style>
#oText{border:1pxdotted #ff0000;ryo:expression(οnfοcus=function light(){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},οnblur=function(){this.style.bo

这篇关于HTML输入框样式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---