<div>
タグに色のスタイルを追加したいと思います。テーブル内のCSSでテキストの色を変更できません
これだけ作品プロパティを使用して:
`background-color`: orange;
しかし、私は、それはテキストだけではなく、背景を変更する必要がありますしたいです。このよう
:このデモで
`color`: orange;
は、Javascriptがまだ作業は必要ありません。で、ここで
私のデモ:
function firefoxFix() {
if (/firefox/.test(window.navigator.userAgent.toLowerCase())) {
var tds = document.getElementsByTagName('td');
for(var index = 0; index < tds.length; index++) {
tds[index].innerHTML = '<div class="ff-fix">' + tds[index].innerHTML + '</div>';
};
var style = '<style>'
+ 'td { padding: 0 !important; }'
+ 'td:hover::before, td:hover::after { background-color: transparent !important; }'
+ '</style>';
document.head.insertAdjacentHTML('beforeEnd', style);
};
};
firefoxFix();
table {
border-spacing: 0;
border-collapse: collapse;
overflow: hidden;
z-index: 1;
}
td, th, .ff-fix {
cursor: pointer;
padding: 10px;
position: relative;
}
td:hover::after,
.ff-fix:hover::after {
background-color: orange;
content: '\00a0';
height: 10000px;
left: 0;
position: absolute;
top: -5000px;
width: 100%;
z-index: -1;
}
<table>
<tbody>
<tr>
<td>20</td><td>21</td><td>23</td><td>25</td><td>27</td>
</tr>
<tr>
<td>18</td><td>20</td><td>22</td><td>24</td><td>26</td>
</tr>
<tr>
<td>17</td><td>19</td><td>21</td><td>23</td><td>25</td>
</tr>
<tr>
<td>16</td><td>18</td><td>20</td><td>22</td><td>24</td>
</tr>
</tbody>
</table>
感謝。
CSSは「色」の綴り方がわからないアメリカ人が設計したので、プロパティ名は「色」です。 – Richard
'background'ではなく' color'を設定しますか? – guest271314
はい、セルの 'background-color'の代わりにtextの' color'を設定したいと思います。 – vanloc