css - html5 形式的单选按钮 - 缩放问题

标签 css html radio-button zooming

所以我听说人们谈论讨厌调整大小的东西,单选按钮就是其中之一。因此,我很好奇是否有解决方法?文本区域在使用行/列时不会很好地调整大小,但在使用宽度时会很好。我尝试了类似的方法并为我的 radio 输入设置了高度,但没有“修复”缩放问题。

所以在这里我想知道是否有某种修复方法。我有一个流畅的布局,所以很好,但结果很糟糕'~'。

最佳答案

您可以创建样式替换(一个好处是您可以拥有您想要的外观),几乎就像 jQuery Mobile 所做的那样。没那么难。

一些可以让你快速启动的东西:

  1. 用javascript隐藏原始输入;
  2. 插入您的标记以生成“假”输入;
  3. 通过 clickfocusblur 事件在您的替代品上连接事件以激活或停用原始输入。

此外,还有很多插件可以为您完成,例如http://www.azurem.com/jqf1/

关于css - html5 形式的单选按钮 - 缩放问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11072897/

相关文章:

javascript - 将单选按钮数值打印到文本框

php - Wordpress Newspaper 子主题加载 CSS 两次

javascript - Bootstrap 3 : Dropdown menu not working with . js和bootstraps文件链接

php - 405 方法不允许,PATCH 不起作用。 Laravel、Ajax、Jquery、引导模式

php - 哪个 PHP API 或库最适合从 HTML 转换为 PDF 和 DOCX?

Android ListView 与单选模式下的 RadioButton 和自定义行布局

javascript - 如何使滚动区域末尾的文本渐变阴影?

javascript - Velocity.js。将 {bottom, top} 重置为 "auto"不起作用,它仍然是 "0px"

html - 具有相同类名的不同类在不同组件中单独导入,相互覆盖 - React

javascript - 如何使用 jquery 获取表内单选按钮的值