Question

我找到了从here

创建星级评分的方法

但是，当我在Intel XDK上使用英特尔App Framework 3.0实施时，它无法投票。我的代码是：

CSS和HTML：

＆＃13;

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    font-size: 30px;
}

.rating > span {
    display: inline-block;
    position: relative;
    width: 1.1em;
}

.rating > span:hover, 
.rating > span:hover ~ span,
.rating:not(:hover) > input:checked ~ span {
    color: transparent;
}

.rating > span:hover:before,
.rating > span:hover ~ span:before,
.rating:not(:hover) > input:checked ~ span:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: gold;
}

.rating > input {
    margin-left: -2.8em;
    margin-right: 0;
    top: 3px;
    width: 2.1em;
    height: 2.1em;
    position: relative;
    z-index: 2;
    opacity: 0;
}

＆＃13;

<div class="rating">
  <input name="myrating" type="radio" value="5">
  <span>&#9734;</span>
  <input name="myrating" type="radio" value="4">
  <span>&#9734;</span>
  <input name="myrating" type="radio" value="3">
  <span>&#9734;</span>
  <input name="myrating" type="radio" value="2">
  <span>&#9734;</span>
  <input name="myrating" type="radio" value="1">
  <span>&#9734;</span>
</div>

＆＃13;

我在af.ui.css中发现，如果没有标签，则不会显示输入类型广播：

input[type="radio"],input[type="checkbox"] {display: none;}

我怎么能这样做？

Answer 1

您应该能够使用更具体的规则来覆盖css规则。我建议尝试这样的事情：

.class input[type="radio"] {display: inline-block}

如何通过App Framework 3.0在英特尔XDK中实施星级评分

1 个答案: