草庐IT

箭头键

全部标签

html - 使用 CSS 自定义类型编号输入的增量箭头

我有一个使用以下代码呈现的数字类型的输入:看起来像这样:我想把它变成这样的:第二个View是使用两个单独的按钮模拟的。我如何按照描述设置箭头样式? 最佳答案 tl;dr:私下被问及以下设置好几次后,我决定为其添加一个演示(Bootstrap4+jQuery+FontAwesome输入组设置):$('.btn-plus,.btn-minus').on('click',function(e){constisNegative=$(e.target).closest('.btn-minus').is('.btn-minus');consti

javascript - 在两个 div 之间画一个箭头

我正在寻找我期望已经解决的问题的解决方案。但我只看到了具有很多功能但没有简单解决方案的大型元素。实际上我需要得到这样的东西:所以要在包含一些正方形(divs)的div上绘制一个箭头我朝Canvas方向看,但偶然发现Canvas在我的div后面不可见(也许一些z-index应该有帮助)但奇怪的是,对于一个在我看来经常出现的问题,我找不到现成的解决方案。(要在网站上解释一些事情箭头几乎是必须的) 最佳答案 您可能会考虑SVG。特别是,您可以使用带有箭头路径形状的标记端的线。一定要设置orient=auto,这样箭头会旋转以匹配直线的斜率

html - 更改 Bootstraps 轮播中的箭头颜色

我显然在这里遗漏了一些非常简单的东西。我有白色背景的图像,所以我希望能够编辑BootstrapsCarousel上的箭头,以便它们可见。这么多改变箭头的颜色(不是像我所做的那样的背景)。CSS.carousel-control-prev-icon,.carousel-control-next-icon{height:100px;width:100px;outline:black;background-color:rgba(0,0,0,0.3);background-size:100%,100%;border-radius:50%;border:1pxsolidblack;}轮播HTML

html - 如何使用 css 的内容属性添加 html 特殊字符(右箭头)?

这个问题在这里已经有了答案:PlacingUnicodecharacterinCSScontentvalue[duplicate](1个回答)关闭9年前。我正在尝试使用其代码添加html特殊字符。当我在我的div中使用它时它工作正常但我如何使用css来做到这一点。我试过如下。.right-arrow:after{content:'►'}DEMO编辑我想要的在MattBall的回答中不存在,因为我想要右箭头的代码,而在那个问题中只有向下箭头的代码。所以它不是重复的。

html - 如何隐藏 Chrome 中 HTML5 <details> 元素上默认显示的箭头?

我现在还早,但我也知道你们已经掌握了它。我想使用HTML5detailselement:What'stheHTML5detailselement?Thedetailselementrepresentsadisclosurewidgetfromwhichtheusercanobtainadditionalinformationorcontrols.在撰写本文时,Chrome12beta是唯一真正提供细节元素功能的浏览器(点击摘要切换细节内容)。因此,要回答以下问题,您可能需要使用该浏览器。您知道如何隐藏Chrome中默认显示在细节元素上的箭头吗?有点像的默认样式在Webkit中(参见ht

css - 删除 Chrome 中的数据列表下拉箭头

Chrome显然在引用的文本输入中添加了一个下拉箭头.它出现在Chrome34(Canary)中,但未出现在当前稳定版本(Chrome31)中。它仅在文本字段获得焦点时出现(请参阅更新)并应用于两种输入类型text和search.就native浏览器实现而言,情况可能更糟,但正如您在图片中看到的那样,它与我的设计规范相冲突。有谁知道如何删除或替换这个新功能?更新:箭头也会在字段悬停时出现(不仅仅是聚焦),不幸的是,当按钮本身悬停时也有自己的背景颜色: 最佳答案 感谢alexanderfarkas的评论,这里是删除箭头的样式规则:in

html - 我怎样才能创建一个只有 HTML 和 CSS 的圆形箭头?

我正在尝试使用CSS和HTML创建一个圆形方向箭头。以下是我的尝试。Attempt1在此我旋转了和一个箭头,但两者的位置不同。这是CSS:#curvesdiv{width:100px;height:100px;border:5pxsolid#999;}#curves.widthdiv{border-color:transparenttransparenttransparent#999;}#curve1{-moz-border-radius:50px0050px;border-radius:50px0050px;}.arrow-right{width:0;height:0;border-

html - 如何在 html 中显示 ► 播放(向前)或向右实心箭头符号?

如何在html中显示此►播放(向前)或向右实心箭头符号? 最佳答案 是的,►,但它在所有浏览器中看起来可能不一样。 关于html-如何在html中显示►播放(向前)或向右实心箭头符号?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9281118/

css - 如何从 Opera 中的输入[类型 ="number"] 中删除箭头

这个问题在这里已经有了答案:CanIhidetheHTML5numberinput’sspinbox?(20个答案)关闭8年前。只是想删除这些箭头,在某些情况下很方便。不过,我想保留浏览器对纯数字内容的认识。因此,将其更改为input[type="text"]并不是一个可接受的解决方案。现在Opera是基于webkit的,这个问题是一个重复的问题:CanIhidetheHTML5numberinput’sspinbox?

html - 删除 IE 上的选择箭头

我有选择元素,我想删除箭头,然后我可以添加其他图标..我可以为FirefoxSafari和Chrome做到这一点,但这在IE9上不起作用。.styled-selectselect{border:0!important;/*Removesborder*/-webkit-appearance:none;/*Removesdefaultchromeandsafaristyle*/-moz-appearance:none;/*RemovesdefaultstyleFirefox*/background:url('select_icon.png')no-repeat;background-pos