是否可以在Web浏览器中隐藏鼠标光标?
我在Flash中为触摸屏应用程序做了这个,鼠标光标分散注意力并且不需要.这次是非交互式显示屏,因此不需要鼠标光标.
我的直觉是,只有使用浏览器插件才能在网络浏览器中实现这一目标.
使用的浏览器是Firefox,所以也许有一个插件实现了这一点?虽然最好能够通过JavaScript/jQuery来做到这一点.
我想做一些看起来像选择输入的东西但实际上不是,这里是步骤.
我做了一个<input type="text">.
我添加了一个background-image,它会显示一个"选择箭头",给人的印象是它是一个选择框.
我在此输入中添加了一个默认值.
SlideDown()当我点击它时,会有一个隐藏的div 在这个输入下面.
我尝试了只读的东西,以便无法更改值,但闪烁的光标将显示出来.
如果我使用disabled,闪烁的光标将不会显示,但jQuery中的.click()或.focus函数将无法正常工作.下拉菜单不会SlideDown().
如何在不显示闪烁光标的情况下使其可点击?
这是代码
<div style="padding-top:17px; overflow:hidden;">
<div style="float:left;">
<label for="secretquestion">Secret Question</label><br>
<input type="text" class="inputselect" id="secretquestion" name="secretquestion" value="Choose a Secret Question" tabindex=10 /><br>
<div class="selectoptions" id="secretquestionoptions">
<b>test</b>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.selectoptions
{
display: none;
background-color: white;
color: rgb(46,97,158);
width: 250px;
margin:auto;
border-style: solid;
border-width:1px;
border-color: rgb(46,97,158);
font-size: 14px;
text-align: center;
}
.inputselect {
color: white;
cursor: pointer;
background-image: url('inputselect.png'); …Run Code Online (Sandbox Code Playgroud) 带有xHTML UI的Web应用程序显示在自助服务终端上,在全屏信息亭模式下使用Chromium.由于信息亭显示仅用于视觉反馈,因此没有连接鼠标/触摸屏.
虽然通过CSS隐藏鼠标指针非常容易:
html { cursor: none; }Run Code Online (Sandbox Code Playgroud)
这种方法有一个基本问题 - 用户必须移动鼠标至少几个像素才能使指针消失.正如我上面提到的,这个信息亭没有输入方法,因此,在加载UI之后,光标仍然可以在屏幕中间可见其余的时间.
我知道可以简单地在操作系统选项中设置透明光标,但遗憾的是这些信息亭中很少已经发送给客户端,因此我们只能远程更改显示的HTML/CSS/JS内容,而不能访问和配置底层操作系统本身.
我也用Google搜索,似乎没有办法通过jQuery移动鼠标.任何人都可以建议如何处理这个问题?
我目前正在使用一个使用 A-frame ( https://aframe.io )的场景,我将鼠标指针隐藏在我的场景中。我怎样才能创建一些东西,当一个函数发出时,我的鼠标指针会显示出来,而当另一个函数发生时,我的鼠标指针会隐藏。
目前的 dfeault 是我的鼠标指针被隐藏了。我想要这样,当一个名为“showPointer”的函数发生时,我的鼠标指针将再次显示,当一个名为 hidePointer 的函数发生时,我的鼠标指针将再次隐藏。我怎样才能做到这一点。我的功能:
<script>
function hidePointer() {
//hide mouse pointer
}
function showPointer() {
//show mouse pointer
}
</script>
Run Code Online (Sandbox Code Playgroud) 我在这里创建了一个语音识别实验:http://jsfiddle.net/3Sm9R/3/(仅适用于Chrome 11+)
但是,单击输入时会出现闪烁的光标.我想隐藏它.什么是隐藏它最干净的方法?
这三个 CSS 规则之间有什么区别吗?
* {
font-size: 24px
}
:root {
font-size: 24px
}
html {
font-size: 24px
}Run Code Online (Sandbox Code Playgroud)
我正在建立一个网站,我遇到了一个问题.我想知道如何在html元素的鼠标悬停中使鼠标不可见?可能吗?
我的问题与Stack Oweflow上的另一个问题非常类似,但另一个问题的答案对我没有帮助.
所以我试着通过在我的样式表中编写以下代码来将光标隐藏在网页上:
* { cursor: none; }
Run Code Online (Sandbox Code Playgroud)
它在网站的某些部分工作正常,但在其他部分你可以看到它.任何人都有类似的问题和/或知道答案?