引き出しのハンバーガーのアイコンを変更する方法が見つかりません。してみましょう話をしているコードです:素材デザインlite - 引き出しのアイコンの色を変更
CODE
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>drawer icon color</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header"></header>
<div class="mdl-layout__drawer"></div>
</div>
</body>
</html>
OUTPUT
アイコンが白に設定された色で、その後動的に追加されているようだ。
私のクロームコンソールから色を変えても問題ありません。
しかし、私はCSSクラスを使用してみた場合、それは動作しません:
.mdl-layout__header .mdl-layout__drawer-button {
color: #000 !important;
}
私の質問
私はDOMを通じて動的に色を変えたり、直接材料をいじり以外の解決策はありますか.min.js?
(首尾どちらもJavaScriptを使用していない色を変更していない)
<script type="text/javascript">
document.querySelector(".mdl-layout__header .mdl-layout__drawer-button").style.color = "red";
</script>
ありがとう! ♫♪私はあなたにメリークリスマスが欲しいですね♪♫♪♫
私の提案は離れ材質から移動して、代わりにFontAwesomeを使用することです。少ないコード、JS、CSSだけで動作します。 – junkfoodjunkie