如何通过用户代理样式表CSS

问题描述

我正在尝试将背景色设置为红色,但是由于用户代理样式表而无法正常工作。
我已经尝试过<!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'> <head> <Meta charset='UTF-8' /><Meta name='viewport' content='width=device-width,height=device-height,initial-scale:1,user-scalable=no' /> <title>Rock,Paper,Scissors</title> <link type='text/css' rel='stylesheet' href='css/external.css' /> <script src='js/external.js'></script> </head> <body> <div class='bar'><h1>Rock,Scissors</h1></div> <div id='score'> <div id='y'>You: <span id='you'>0</span></div> <div id='c'>Computer: <span id='comp'>0</span></div> <div id='t'>Ties: <span id='ties'>0</span></div> </div> <div class='main'> <div class='played' id='game'> <input id='rock' type='button' value='rock' /> <input id='paper' type='button' value='paper' /> <input id='scissors' type='button' value='scissors' /> </div> <div class='played' id='again'> <input id='replay' type='button' value='replay' /> <input id='reset' type='button' value='reset' /> <div id='res'></div> </div> </div> </body> </html>,但没有任何变化。
请帮忙。谢谢。

enter image description here

我已将代码粘贴到这里https://jsfiddle.net/z1smp8on/1/
问题是,当我单击第四个选项时,它将使用用户代理样式表而不是我的样式

enter image description here

解决方法

关注它。
我要做的就是用它代替普通的样式标签。

background: linear-gradient(red,red)
-webkit-text-fill-color: rgb(48,48,48)

感谢您的帮助。