Material iconsをボタン要素の中に入れて
こういうボタンを作ってみる。
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
.transparent {
border: none;
background-color: transparent;
outline: none;
}
.material-icons {
width: 48px;
height: 48px;
font-size: 48px;
color: gray;
border: solid 2px lightgray;
vertical-align: middle;
border-radius: 100px;
cursor: pointer;
}
i:hover {
color: silver;
}
</style>
</head>
<body>
<button id="refresh" class="transparent"><i class="material-icons material_icon">refresh</i></button>
</body>
</html>
|
