怎么设置css input按钮使鼠标悬停改变颜色?

 我来答
地表最帅175
高粉答主

2018-01-09 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:152
采纳率:0%
帮助的人:4.2万
展开全部

给你个例子,用onmousemove和nmouseout。具体css颜色等自己改一下。

<style>

.input_out{width:60px;height:30px;border:1pxsolid#CCC;background-color:#FFF;}

.input_move{width:60px;height:30px;border:1pxsolid#CCC;background-color:#FFFFCC;}

</style><inputtype="button"class="input_out"onmousemove="this.className='input_move'"onmouseout="this.className='input_out'"value="提交"/>

涉及到input里的文字的标签大致有两种——文本框和按钮,即:

这两种input标签属于“行内块元素”,它既按照块元素显示外观,又按照行内元素排列,所源碰以想调整其内部的雹培谈文字位置可按照块元素的方法来。下面是示例(仅以button为例,text同理):

文字左右对齐,可使用text-align属性来控制,例如:

文字上下对齐,可使用padding-top和padding-bottom来精确控中森制,例如文字靠下。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式