草庐IT

regular-radio

全部标签

css - 自定义复选框/ radio 设计怪异

好吧,我希望借用其他人的眼光,当我摆脱CSS上的锈迹时,也许有人可以指出我的愚蠢行为。我创建了一些自定义的Checkbox和Radio设计,用于我正在开发的Windows应用商店应用程序(可能还提到UI框架是Ionic):jsFiddlehere它在上面提供的JSFiddle示例中按预期工作,您可以在其中看到新组件后面的原始组件radio和复选框。他们按预期接受点击/触摸,一切都符合标准。但是,当我将它放入应用程序时,输出会将实际组件放在屏幕中间,如下所示,而新的单选框/复选框会像我期望的那样呈现在侧面。因此,在不透明度为1的情况下,它们会像这样呈现,并且只有右侧的原始控件才能获得触摸

HTML5 视频 : possible to place regular html content over video

只是想知道是否有人知道让常规html内容(主要是img标签)显示在视频顶部(通过视频标签)的技巧? 最佳答案 正如其他人所暗示的那样,使用绝对定位很容易将HTML元素定位在VIDEO元素之上。当您尝试在iPhone、iPod和可能不在页面上内联播放视频Assets的可能较旧的Android手机中捕获事件时,挑战就来了(与瘦native播放客户端相反),因为在这些情况下VIDEO元素贪婪地捕获事件。如果您使用IMAGE元素或DIV并将其background-image设置为要用作“海报”或“缩略图”的图像,那么您的用户将无法点击它们来

html - 从 radio 输入中删除边框圆圈

我想使用图像而不是常规radio输入。我是这样做的:input[type="radio"]{content:url('/images/new-home-page/Checkbox.png');height:3vh;width:3vh;}input[type="radio"]:checked{content:url('/images/new-home-page/checkedCheckbox.png');}不幸的是,他们周围有圈子。我尝试使用border:none或text-decoration:none但它没有帮助。有人可以帮我解决这个问题吗?它们现在看起来像这样:

css - 我可以使用 CSS 将 HTML 选择转换为 "regular text"吗?

我在网页上有一个下拉框,使用HTML5标签。有时我想将其设置为“只读”,即仅将其显示为文本。例如:有时我希望它是“读/写”的:而其他时候我希望它是“只读的”:我不想使用“禁用”属性。我认为它看起来俗气,并暗示在没有可用的情况下用户可以以某种方式进行选择。是否可以将当前选项的外观转换为select使用CSS转换为普通文本? 最佳答案 是的,使用CSS:select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;/*neededforFi

javascript - 使用其 ID 复制 radio 值以使用 JavaScript 将其作为值插入到输入中

我有一些HTML代码如下:期望的功能:选中radio=1时,paymount字段值将显示为1234。选中radio=2后,paymount字段值将显示为5678。我在StackOverflow上找到了帖子,但其中很多都与隐藏文本字段有关。 最佳答案 使用change事件处理器来监听事件。//use`[].slice.call(document.querySelectorAll('[name="bid"]'))//forolderbrowsertocovertNodeListtoArray//althoughcheckpolyfill

css - TD 内的 radio ,无法设置宽度 - 所有 TD 元素都等于宽度并忽略宽度样式

我有一个表格,在td上有一个单选按钮元素,但是我无法设置宽度(我的页面是HTML5,所以使用stylecss属性来设置宽度)。我的行如下:DescriptionSetupMonthly事实上所有的行都是154px宽,每一行都是相等的。不用担心数据绑定(bind)属性,我使用的是knockoutjs。我正在使用bootstrap进行STLying,但看不到任何从bootstrapCSS应用的列宽。我在下面截取了chrome的屏幕截图:编辑和更多信息在查看@daker的评论中的fiddle后http://jsfiddle.net/g18c/Lnvny/,我可以看到宽度应用正常。检查我的代码

javascript - HTML + react : Radio button stuck on the one initially set as "checked"

我有一组两个单选按钮,其中一个在页面加载时被选中。看来我无法将其更改为第二个。如果重要的话,HTML是由reactjs构建的。chrome上的标记如下:ToaCooperativeAdditionalRequest 最佳答案 更新这样做的“react方式”是将defaultChecked={true}添加到所需的输入中。其他方式如下所示。其实我也遇到过同样的情况。我所做的是在componentDidMountlifecyclemethod中找到input标签。然后设置父React组件的checked属性。如果我们谈论vanillaJ

html - 赢32。 : How to scrape HTML without regular expressions?

近期blogentrybyaJeffAtwood说你永远不应该使用正则表达式解析HTML-但没有给出替代方案。我想抓取搜索搜索结果,提取值:...............[MakeAndModel]...[Kilometers][Price]Location:[Location]...............anditrepeats您可以看到我要提取的值,[括在括号中]:网址MakeAndModel公里价格地点假设我们接受解析HTML的前提:通常是个坏主意rapidlydevolvesintomadness有什么办法呢?假设:原生Win32松散的html假设说明:nativeWin32

html - :focus styling on custom radio input

我有一个或多或少像这样实现的自定义radio输入样式:....custom-radio+label:before{content:""//Stylinggoeshere}.custom-radio:focus+label:before{outline:1pxsolidblack;]除了一个烦人的细节:键盘导航的焦点样式外,这很好用。我可以使用Tab键选择一组单选按钮并使用箭头键更改所选单选按钮,但默认的:focus轮廓不会出现,因为输入标签已隐藏。我尝试像上面一样添加自己的焦点样式,但这最终表现得与默认浏览器样式不同。默认情况下,Chrome(以及我假设的其他浏览器)只会在您通过键盘选

html5 : Significance of attribute named required in checkbox/radio

在提交表单时,您怎么可能根据需要标记复选框/单选按钮?灵感来源:Pekka的answer到question 最佳答案 必需的复选框并不罕见。实际上,每个注册表都使用某种形式的“我已阅读并接受用户协议(protocol)”复选框。如果您手边有Opera,请尝试下面的代码。除非选中复选框,否则不会提交表单。html5html5testrequiredcheckbox 关于html5:Significanceofattributenamedrequiredincheckbox/radio,我们