html - <input type=button/> 改变背景颜色

Question

这是我的按钮 (this is my Scipt) :

<ol class="cabin fuselage">
        <li class="row 1">
            <ol class="seats" >
                <li class="seat">           
                    <input  type="button" id="1A"  value="<?php $sql="SELECT Name FROM autoreservierung WHERE Platz='Fahrer'"; $query = mysql_query($sql,$connection);  $result=mysql_fetch_assoc($query); echo $result['Name'];?>"  />
                </li>
                <li class="seat">
                    <input type="button" id="1B" value="<?php $sql="SELECT Name FROM autoreservierung WHERE Platz='Beifahrer'"; $query = mysql_query($sql,$connection); $result=mysql_fetch_assoc($query); echo $result['Name'];?>"  />
                </li>
            </ol>
        </li>

如果值为空，我希望颜色保持红色；如果有任何值，我希望颜色保持绿色(value=""vs value="blasamplename")

有办法吗？

编辑:

我发现:

input[value=""] 
{
background: #bada55;
}

会使文本字段变绿，有没有办法对整个父输入做到这一点？

Answer 1

使用 value 属性，我假设它是 value=""

input[value=""] {
  background: red;
}

input {
  background: lightgreen;
}

ol {
  list-style: none;
}

<ol class="cabin fuselage">
  <li class="row 1">
    <ol class="seats">
      <li class="seat"> No Value
        <input type="button" id="1A" value="" />
      </li>
      <li class="seat"> With Value
        <input type="button" id="1B" value="I have a Value" />
      </li>
    </ol>
  </li>
</ol>