Ausgehend von diesem Beispiel:
Code:
<!DOCTYPE html>
<html lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>Test Pausezeichen als ein Zeichen</title>
</head>
<body>
<i class="material-icons">pause</i>
<i class="material-icons">play_arrow</i>
</body>
</html>
würde ich gerne die beiden Zeichen in einen playbutton wie folgt vereinen:
Code:
<input type=submit accesskey="a" style="width:72px" id=playbutton value='►' onclick='PlayPause(creator,this,1)
So wie in der vorherigen Zeile ist es im Moment gelöst.
Das Pause-Symbol wird entsprechend aus zwei hintereinandergestellten
Balken wie on folgendem Beispiel realisiert:
Code:
<!DOCTYPE html>
<html>
<body>
<p>▮▮</p>
<p>►</p>
</body>
</html>
Wie kriege ich die Symbole "pause" und "play_arrow" in den value des input buttons "playbutton"?
Was macht das i-Tag genau? Kann ich das im CSS irgendwo unterbringen (ID #)
EDIT: ich habe etwas experimentiert:
Code:
<!DOCTYPE html>
<html lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>Test Pausezeichen als ein Zeichen</title>
</head>
<body>
<i class="material-icons">pause</i>
<i class="material-icons">play_arrow</i>
<input class="material-icons" value=pause >
<input class="material-icons" value=play_arrow >
</body>
</html>