草庐IT

webkit-inner-spin-button

全部标签

html - 何时以及何时不使用角色 ="button"

在可访问性方面,有人可以向我描述之间的区别吗?和一个屏幕阅读器和键盘用户?据我所知,键盘用户可以使用ENTER和SPACE激活一个按钮,而只有ENTER对于anchor标记。在单页应用程序中,我觉得这些元素的角色有些困惑,我不确定两者之间的界线在哪里。看起来像链接的按钮在我的应用程序中,我有一个链接的通用样式,它的类名很简单.link.在第一个示例中,我有一个带有onclick处理程序的按钮,该处理程序在同一页面上执行操作,因此我为其使用了一个按钮元素。然而,它在风格上看起来像一个链接。console.log('Dothething')}>Thisisalink如果角色互换并且链接的行

html - 如何防止 <button> 缩小到其内容的大小?

容器中有两个元素:ThisisadivThisisabutton样式如下:span,button{display:block;padding:4px;border:1pxsolidblack;margin:5px;background:#c0c0c0;font:inherit;}.container{border:1pxsolidblack;}您可以看到现场演示here.为什么按钮显示的宽度与span的宽度不同?如何使按钮的行为像标准block级元素一样?我需要使用在这里是因为它的目的是提交表单。 最佳答案 这应该可以解决问题。现场

HTML/CSS : Webkit browsers cut up italic link

我有什么我有一个普通的HTML链接,比如Link.在我的样式表中,我将该链接设置为display:inline-block;因为我必须稍微插入它以匹配布局。font-style设置为italic.问题这会导致以下问题:因为文本设置为斜体,所以链接词的最后一个字母超出了链接周围的框。因此,Safari和Chrome在悬停时“切掉”了颜色变化。请参阅我为链接指定背景颜色以使其更清晰的屏幕截图。正常的链接颜色是浅色,蓝色是悬停颜色。Firefox正确地管理了这一点,没有削减任何东西。为链接设置填充可能是最简单的解决方案,但我觉得这对我来说是一种解决方法。还有其他解决办法吗?fiddle:ht

javascript - 如何修复 webkit-fake-url 的意思?

当您尝试复制并粘贴到Safari网络浏览器时,浏览器会插入webkit-fake-url。在Chrome中,您可以对剪贴板数据执行getAsFile()以读取图像。你能用Safari做类似的事情吗? 最佳答案 不,目前无法在Safari中访问粘贴文件的内容。作为一种解决方法,您可以检测到该虚假协议(protocol)并向用户显示一条消息,通知他们在使用他们的特定浏览器时它不起作用(并且可能显示一个正常的上传控件)。 关于javascript-如何修复webkit-fake-url的意思?

html - 从 node-webkit 访问 USB 设备?

我正在构建一个需要在所有3个主要桌面环境(windows、mac和linux)上运行的node-webkit应用程序我需要我的应用程序连接到插入的USB设备,但我遇到了一些麻烦弄清楚如何解决这个问题。是否有适用于所有操作系统的npm?我能得到一个用C++构建的可以工作的吗?node-webkit中是否内置了任何用于与设备交互的东西(DevicesAPI?)提前致谢。 最佳答案 您几乎可以肯定需要一个C/C++模块来实现这一点,这意味着需要一个构建过程。好消息是您可以在您的机器上进行构建并为Windows和OSX分发生成的二进制文件(

Python CGI 脚本 : Basic HTML Form With Two Submit Buttons

我有一个基本的html表单,我想将其与两个提交按钮一起使用。CGI脚本采用表单值并对其进行处理(无论使用哪个提交按钮),但我希望每个按钮稍后在脚本中与不同的操作相关联,即打印不同的输出:##Gettheformvalueintheusualway.form=cgi.FieldStorage()RawSearchTerm=form.getvalue("QUERY")##Processtheforminfoetc.if(button1waspressed):printthiselif(button2waspressed):printthisotherthing任何想法表示赞赏,谢谢。

html - 溢出滚动时隐藏WebKit滚动条 : touch is enabled

众所周知,您可以使用以下CSS片段在Safari和Chromium中隐藏滚动条:::-webkit-scrollbar{display:none;}但是,当-webkit-overflow-scrolling设置为touch时,这似乎不起作用,特别是在iOS上。Chromium正确地隐藏了滚动条。这是WebKit错误,还是有办法隐藏滚动条并启用流畅(触摸)滚动?在Google的移动版上似乎可以(也许用js?).浏览页面源代码并用谷歌搜索我的答案似乎没有帮助。 最佳答案 似乎目前(截至2017年1月)解决此问题的唯一方法是将可滚动元素

html - <a role ="button"> 而不是 <button>

我使用程序NVDA来测试我的网站并使网站可供所有人访问。最近我在MDNWeb文档上看到一个属性允许我使用a而不是button.是role="button".MDN和Bootstrap4文档说:theselinksshouldbegivenarole="button"toappropriatelyconveytheirpurposetoassistivetechnologiessuchasscreenreaders.AnchorwithoutROLEAnchorwithROLEJustaButton我尝试使用NVDA并按B(在网站中查找按钮的快捷方式),它找到的唯一按钮是带有的按钮。标签

JavaScript:禁用 <button> 直到选择值

我正在尝试为html5表单实现一个javascript代码,该代码将负责禁用/启用按钮,直到未选择选择元素。这是代码:HTML:Selecthere...CourseName1CourseName2CourseName3Start和JavaScript:functionenableStartBtn(){$('#startBtn').removeAttr('disabled');}functionTest(){varform=$('#courseForm');varcourse=$('#coursetype',form).val();if(course=='0'){alert('Sele

html - WebKit 类 MDC(Mozilla 文档中心)资源?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion玩弄最新的HTML5功能感觉不错,但最终往往会很麻烦,因为标准及其浏览器特定实现不断发展。Mozilla有一个很好的资源-MDNDocCenter,在那里他们不断记录Gecko经历的所有变化。我想知道对于Safari和Chrome,WebKit是否有类似的东西?