带有背景颜色的文本输入

echo "<td class='gap'>";
echo "<input name = gap-".$compi['Competence_ID']." type='text' readonly style='width:20px;' value='";
if(isset($compi['gap']) && $compi['gap']!=0){
    echo $compi['gap'];
}
$color='';
if($compi['gap']>=0){
    $color='#3CB371';$text="gap bigger than 0";
}
if($compi['gap']<0){
    $color='#FFFFFF';$text="gap is not";
}
echo "' style='background-color:".$color.";'>";
echo $text."</td>";

这是因为你的<input>标签有两个style属性-在一个属性中添加两个CSS规则，你应该很好。

尝试:

echo '<td class="gap">';
echo '<input name = "gap-'.$compi['Competence_ID'].'" type="text" readonly value="';
if(isset($compi['gap']) && $compi['gap']!=0){
    echo $compi['gap'];
}
$color='';
if($compi['gap']>=0){
    $color='#3CB371';$text="gap bigger than 0";
}
if($compi['gap']<0){
    $color='#FFFFFF';$text="gap is not";
}
echo '" style="width:20px;background-color:'.$color.';">';
echo $text."</td>";

请记住，HTML属性应该在双引号之间，这些引号不应该是错误的。在name属性上有错误的引用。并且不能有重复的属性

CSS属性"color"是文本颜色，"background-color"是你要搜索的:)

http://www.w3schools.com/cssref/pr_background-color.asp