尝试更改复选框颜色(由于更改强调色)会导致黑色复选框。
所以我安装了node-sass并成功地更改了各种其他样式,例如,行的悬停颜色$hover-color: cornsilk;
但不知何故使用:
$accent-color: #fffff1;或$ag-mat-accent: #fffff1;
只会将其从默认的粉红色更改为黑色。
$ag-icons-path: "~ag-grid-community/src/styles/ag-theme-material/icons/";
$accent-color: #fffff1;
$icon-color: #03a9f4;
$hover-color: cornsilk;
@import "~ag-grid-community/src/styles/ag-grid.scss";
@import "~ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material.scss";
Run Code Online (Sandbox Code Playgroud)
选中后,我的预期结果将是一个白色的复选框。相反,无论我选择什么颜色,我都会得到一件黑色的。
我有一个奇怪的问题,或者至少对我来说有点奇怪。当我设置#map div 的样式并设置 position:fixed(因为我需要它作为背景)时,它会自动将位置设置为相对位置并覆盖我的设置。我不知道在哪里改变这种行为。
父类:
.wrapper {
margin: 0;
padding: 0;
height: 100vh;
z-index: 1;
display: flex;
}
Run Code Online (Sandbox Code Playgroud)
和#map
#map {
height: 100%;
width: 100vw;
overflow: hidden;
z-index: 0;
top: 0;
left: 0;
position: fixed;
Run Code Online (Sandbox Code Playgroud)
代码很简单:
<div class="wrapper">
<div id="map"></div>
<div class="entries container">
{% with 940 as width %}{% placeholder content %}{% endwith %}
</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,当我进入页面时,它首先呈现得很好,经过一毫秒的 js 应用,我假设 #map div 添加了这些行
element.style {
position: relative;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
好吧,如果我手动更改它,它完全符合我的要求,但我无法禁用此覆盖。有没有其他人经历过这样的事情?我有点卡住了。
我使用 Chrome。
在此先感谢您的时间!问候
JS文件:
var map;
function initialize() { …Run Code Online (Sandbox Code Playgroud)