javascript - Bootstrap 容器中的背景颜色在 Electron 中不起作用
问题描述
这是我的html代码:
<div class="container" style="border:1px black solid; width:500px;background-color:#cc5b1056;border-radius:3px;margin-top:190px;">
<div class="row">
<div class="col"><img alt="hello" style="display:block;margin:auto;width:50%;height:auto;" /></div>
</div>
<div class="row">
<div class="col" style="text-align:center;padding-top:10px;"><input type="text" id="username" name="username" placeholder="Username" style="text-align:center;width:60%"/></div>
</div>
<div class="row">
<div class="col" style="text-align:center;padding-top:20px;"><input type="password" id="password" name="password" placeholder="Password" style="text-align:center;width:60%"/></div>
</div>
<div class="row">
<div class="col" style="text-align: center;padding:2%;padding-top:3%;">
<input class="btn btn-primary" id="submitbutton" disabled style="width:125px" type="submit" value="Submit"></div>
</div>
</div>
main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow
function createWindow(){
mainWindow = new BrowserWindow({width:1000,height:700})
mainWindow.loadFile("Login.html")
}
app.on('ready',createWindow)
app.on('window-all-closed',function()
{
app.quit();
})
这看起来像在 google chrome 中作为 html 文件打开
这是在 Electron 中打开的样子:
如您所见,容器的背景颜色未显示在电子中。有谁知道为什么?
解决方案
可能是这样的:
function createWindow(){
mainWindow = new BrowserWindow({width:1000,height:700})
mainWindow.loadFile("InstagramLogin.html")
container = document.getElementById('container');
container.style.backgroundColor = "#cc5b1056";
}
<div id="container" class="container" style="border:1px black solid; width:500px;border-radius:3px;margin-top:190px;">
推荐阅读
- python - 按其在python中的元素排序列表(多维)
- python - 序列化器 DRF 中数据的非模型字段
- android - 具有原生反应的 Android 和 CouchDB
- apache-spark - 使用 Spark SQL JDBC 服务器/直线或 spark-sql
- html - 即使使用 z-index,Div 也不会与隐藏溢出的父 div 重叠
- python - 如何在 python 中持久化一个经过身份验证的请求会话?
- java - 通过@DataProvider 将Testng.xml 映射到一个类?
- html - 旋转时如何将跨度或 div 对齐到中间?
- c# - C# winforms 将 UserID 值保存到类
- boost - Centos 7 上的 CMake 和 Boost 错误-找不到以下 Boost 库