如何超链接输入文件/标签

Question

我正在为电子邮件模板使用星级评分系统。我发现的一些示例允许您仅选择评级，但我想超链接每个星标，以便根据所点击的星号将您带到不同的链接。这可能吗？我试图超链接整个输入类型，但它删除了星形图标。

以下是CSS和HTML，以及示例：https://jsfiddle.net/pz62gcq0/

Héllo

Answer 1

你可以尝试这样的事情：https://jsfiddle.net/v0qrgopz/1/

我已将输入转换为链接，以便点击它们会带您到某个地方。我使用Flexbox来反转它们的顺序，以便选择器a:hover ~ a起作用。

Answer 2

您可以通过onclick事件属性使用一些内联JavaScript。每个输入标记内都包含属性：

onclick="window.open('http://www.stackoverflow.com')"

示例：https://jsfiddle.net/KyleVassella/pz62gcq0/2/

插入您喜欢的任何链接。如果您不想使用内联，也可以使用单独的JS文件来完成。