如何使用color?</output>设置<output>的样式

时间:2015-03-26 09:10:52

标签: html css

我有一个html输出表单

<output name=foo></output> 

给出预先计算的值。我想用颜色为输出加上底层,但我找不到任何关于如何做的事情,只有输入表格。(看起来行为非常不同)。

任何提示?

3 个答案:

答案 0 :(得分:2)

我认为你的意思是强调?无论如何,输出是一个像任何其他元素一样的元素,并且可以这样设置:

&#13;
&#13;
/* Default */
output {
  text-decoration: underline;
  background-color: yellow;
}
    
/* Emphasise 'foo' */
output[name=foo] {
  color: red;
}
&#13;
<output name="foo">Foo output</output>
<output name="bar">Bar output</output>
&#13;
&#13;
&#13;

当然,如果它没有内容,一些样式如文字颜色和下划线都没有效果。

答案 1 :(得分:0)

如果您只想更改下划线颜色,请使用beloe颜色。

<output style="text-decoration: underline; color: red;">
 <span style="color: #CCC;">text with red linethrough and black text</span>
</output>

以上代码只会更改下划线的颜色。

答案 2 :(得分:0)

您可以通过选择输出标记来设置样式

output {
    color : red;
}