使用CSS标签作为链接

时间:2012-05-30 19:15:38

标签: css label clickable

我正在尝试在我的PHP脚本中运行星级评分系统,该系统使用无线电属性和标签来显示星星。

到目前为止,一切都很好。

我真正想要做的是实际上使用每个星作为相应脚本的链接,并将每个星的值作为参数。 我会注意到HTML元素是CSS文件中详细定义的字段集的一部分。

你对此有什么想法吗?

这是目前从PHP脚本

生成的内容
fieldset class='rating'

   input type='radio' id='submit' name='rating' value='5'
     label for='star5' title='Absolutely stunning'5 stars
   input type='radio' id='submit' name='rating' value='4'
     label for='star4' title='Suggested for everyone'>4 stars
   input type='radio' id='submit' name='rating' value='3'
     label for='star3' title='Pretty good effort'>3 stars
   input type='radio' id='submit' name='rating' value='2'
     label for='star2' title='Not Suggested'>2 stars
   input type='radio' id='submit' name='rating' value='1'
     label for='star1' title='Bad effort'>1 stars
fieldset

这是CSS中代表Star的代码:

.rating:not(:checked) > label:before {
    content: '★ ';

}

我很抱歉以这种方式格式化它们,但是你知道HTML元素有一个限制

0 个答案:

没有答案