Bootstrap 什么是插入一个内联样式属性到我的代码?

vxbzzdmp  于 5个月前  发布在  Bootstrap
关注(0)|答案(1)|浏览(67)

下面是我的视图生成的代码示例:

<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"
  }
}

ohfgkhjo

ohfgkhjo1#

你可以在Chrome检查器中添加一个“断点”,确保你的JS很早就停止了,例如添加

<script>debugger;</script>

字符串
<body>的底部,然后向属性修改添加一个断点:

让它继续并等待断点命中

相关问题