图像而不是单选按钮/文字？ [英] Image instead of Radio button/text?

问题描述

我有一个带有9个选项的radiobox选择，我想用图像替换按钮及其旁边的文本。

选择将显示一个色样4种颜色的范围：

• 全部


• 黑色


• 蓝色


• 巧克力


• 梅花


• 绿色


• 橙色


• Magnolia


• 伍兹

选中选项旁边的箭头图像，然后选择其旁边的颜色范围，如果未选中该选项，则不需要箭头（或者灰色箭头）。

这是多么容易？

解决方案

有很多放射按钮替换库。例如， Lipidity的FancyForm（不幸的是，由于CSS的原始功能，现在标记为已过时）。

I have a radiobox selection with 9 options, I would like to replace the button and the text next to it with image.

The selections will show a colour swatch range of 4 colours:

• All
• Black
• Blue
• Chocolate
• Plum
• Green
• Orange
• Magnolia
• Woods

So I need a image of an arrow next to the selected option then the colour range next to it, if the option isn't selected I don't need the arrow (or alternatively a greyed out arrow).

How easy is would this be?

解决方案

There are plenty of radio-button replacement libraries out there. For example, Lipidity's "FancyForm" (unfortunately now marked as "obsolete" due to CSS's raw power).

这篇关于图像而不是单选按钮/文字？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！