下面是我的视图生成的代码示例:
<button class="keyboard-button bg-success" type="button">t</button>
字符串
以下是它在检查器中的外观(Firefox和Chrome):
<button class="keyboard-button bg-success" type="button" style="background-color: white;">t</button>
型
问题是inline style属性优先于bg
类,所以它覆盖了我想要的样式。
当我在我的应用程序代码中搜索style=
时,我没有找到匹配项。
有没有可能在我配置应用的过程中发生了一些事情?下面是package.json:
{
"name": "arthur",
"private": true,
"dependencies": {
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"bootstrap": "3.4.1",
"jquery": "3.4.1",
"turbolinks": "^5.2.0",
"webpack": "^4.46.0",
"webpack-cli": "^3.3.12"
},
"version": "0.1.0",
"devDependencies": {
"@babel/plugin-proposal-private-methods": "^7.18.6",
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@rails/webpacker": "^5.4.4",
"webpack-dev-server": "^3"
}
}
型
1条答案
按热度按时间ohfgkhjo1#
你可以在Chrome检查器中添加一个“断点”,确保你的JS很早就停止了,例如添加
字符串
在
<body>
的底部,然后向属性修改添加一个断点:让它继续并等待断点命中