草庐IT

箭头键

全部标签

html - 如何制作上下箭头

如何使用纯CSS绘制上下箭头?这是我使用HTML得到的:.up-down-arrow{font-size:50px;color:#666;padding:0;margin:0;display:inline-block;}↕但是箭头之间的线太短了。我可以延长它吗?理想情况下,这就是我所追求的: 最佳答案 单元素解决方案您可以使用pseudoelements实现这一目标,CSStriangles还有一些positioning:.arrow{width:2px;height:200px;/*多元素解要获得实际的箭头形状,您需要

jquery - 使用箭头键导航 HTML 表格

我使用HTML表格创建了一个非常基本的电子表格。它工作完美,除了用户必须使用鼠标单击每个为了编辑它。我正在使用jQuery捕获点击事件并显示一个对话框来编辑它。我希望用户能够使用箭头键导航到每个单元格,单元格css背景更改以指示焦点,然后单击Enter键将触发jQuery对话框事件。我正在使用jQuery1.9。这是一个jsfiddle基本上我所拥有的。如何保存当前选定的单元格,以便当您用鼠标单击一个单元格,然后使用箭头键时,它将从“当前”单元格开始导航?谢谢。 最佳答案 下面是一个普通的JavaScript解决方案,它使用onke

html - 选择框中的下拉箭头未显示

我使用的是wordpress主题,出于某种原因,HTMLselect框没有下拉区域。它们看起来就像普通的input文本框,尽管当您单击它们时,您可以看到下拉列表。我找不到什么代码可能会去掉下拉箭头。这是我在CSS中看到的全部内容:input:focus{outline:none;}select,input,textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;} 最佳答案 这是一个基本的选择123现在让我们看看您的问题出在哪里:select{

html - 向滚动条添加箭头

我正在尝试向滚动条的x和y轴添加箭头,这是我的滚动条:http://jsfiddle.net/Nk3NH/我想要两个轴的这个箭头(图像):http://i.imgur.com/ygGobeC.png我正在寻找添加这样的箭头的代码而不是上下。 最佳答案 我一直在为你玩弄它。首先,我将按钮设置为10pxx10px以使其更容易,并创建了4个10x10箭头指向左、右、上和下。然后我将背景大小设置为100%,以正确缩放它。然后我使用:increment、:decrement、:horizo​​ntal和:vertical为每个按钮设置正确的图

javascript - 防止箭头键更改数字输入中的值

我在网页上有一个类似这样的输入控件:如果此控件具有焦点并且我按下了向上或向下箭头键,那么文本框中的值将递增或递减(IE除外)。我想禁用此功能,最好使用CSS。我已经使用CSS删除了微调器按钮。我知道我可以使用JavaScript来捕获keydown事件,但我想允许箭头键继续向上或向下滚动页面。 最佳答案 没有办法完全用CSS来完成您所描述的行为,因为CSS处理显示,我们在这里讨论的是行为和键盘事件。我建议向您的输入添加一个事件监听器,这将防止箭头键对其产生影响,但实际上会阻止页面滚动且输入不在焦点上:document.getElem

javascript - 在列表之间绘制箭头

有没有办法在两个突出显示的列表项之间动态绘制箭头?因此,如果我将鼠标悬停在“项目2”上,它会执行此操作(但是是一个直箭头):Item1Highlight3Item2-----\Highlight1Item3----->Highlight2这是我几分钟前在这里得到的答案中的代码:Highlightitemintwolistswhenmouseover$(".list1li,.list2li").hover(function(){varn=this.id.substr(2);$("#qq"+n+",#aa"+n).toggleClass("highlight");});jsfiddle:h

html - 右下箭头是否有 html 特殊字符?

我在我的网站上发布了一些音频文件,其中一些有视频。我想把它布置成这样:音频文件:|-->视频文件我知道↵进行回车(↵),但我不知道如何使该面朝相反的方向。 最佳答案 你想要Unicode代码点U+21B3↳你应该可以输入↳在文档中。但请注意,并非所有用户的计算机上都有此字符的字形。 关于html-右下箭头是否有html特殊字符?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

javascript - 在输入中禁用空格,并允许后退箭头?

我试图禁用用户名文本字段中的空格,但是我的代码也禁用了后退箭头。有什么办法也允许后退箭头吗?$(function(){vartxt=$("input#UserName");varfunc=function(){txt.val(txt.val().replace(/\s/g,''));}txt.keyup(func).blur(func);});fiddle:http://jsfiddle.net/EJFbt/ 最佳答案 您可以添加keydown处理程序并阻止空格键的默认操作(即32):$("input#UserName").on({

javascript - Datalist 箭头不在 ie 和 firefox 中

您好,我在fiddle中使用数据列表标签作为下拉菜单。我只在chrome中得到下拉箭头。并且箭头没有进入ie和firefox。在Firefox中,搜索是惰性搜索,即;它不是基于第一个字母fiddle是::https://jsfiddle.net/v7fg0zc8/请指定样式(如果有的话)以实现此目的 最佳答案 检查这个。我尝试了很多方法,但效果不佳。可能这是唯一的解决方案input::-webkit-calendar-picker-indicator{display:none;/*removedefaultarrow*/}.myar

html - 自定义选择下拉箭头不可点击

我正在使用以下代码来自定义我的选择下拉箭头:HTML:...CSS:span.selectWrapper{position:relative;display:inline-block;width:65px;}span.selectWrapperselect{display:inline-block;padding:4px3px3px5px;margin:0;font:inherit;outline:none;/*removefocusringfromWebkit*/line-height:1.2;background:#f5f5f5;height:30px;color:#666666;