css inpun如何设置鼠标经过是出现光标

html-css011

css inpun如何设置鼠标经过是出现光标,第1张

<a style="cursor:value">

</a>

这里以a标签为例

cursor属性控制光标样式

value可以等于=hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问

号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw-

resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)

分析问题:

文本框获取焦点时,浏览器给采用默认的处理方式,为其加上高亮外边框。

解决思路:

我们可能通过,在input获取焦点时,采用css将文本框的外边框去掉。为文本框添加如下样式即可。

outline:none

样式代码:

input:focus {outline:none}

下面给出一个完成的示例代码:

<html>

<head>

<style>

form{background-color : #FF00F1Fheight:50pxpadding : 15px}

.inputStyle, .inputStyle:focus {outline:none}

</style>

</head>

<body>

<div id="dh2">

<form>

<input type="text"  class="inputStyle"/>

<input type="text" />

</form>

</div>

</body>

</html>

你好 这个可以采用js 来实现 你可以写一个函数 每隔半秒执行一次 检测文字是否为选中状态 如果是选中的状态 你可以对这个文字的css样式进行相应的设置 祝你学习进步 生活愉快 谢谢