Moin!
ich habe eine kleine Auswertung mit einem HTML-Report für unseren Betrieb geschrieben.
In Firefox und im IE werden die Sonderzeichen richtig dargestellt - nur im Chrome sind diese "zerstört".
Kann mir einer sagen woran das liegen könnte?
Im Anschluss mein Kopfbereich der Datei.
Gruß Jan
HTML-Code:
<html>
<head>
<title>EBL Projekt2Kataster Syncronisierung</title>
<!--
Created using JS Bin
http://jsbin.com
Copyright (c) 2017 by hela (http://jsbin.com/enucas/3/edit)
Released under the MIT license: http://jsbin.mit-license.org
-->
<style type="text/css">
html, body {
font-family: serif;
font-size: 100.01%;
background-color: white;
color: black;
}
.klappText input {
/* Transparenz ermöglicht Ansteuerung über Tastatur (HTab) */
opacity: 0;
}
.klappText label {
margin-left: -1.25em;
color: blue;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.825em;
}
.klappText input + label:before {
content: '[+] mehr Informationen';
}
.klappText input:checked + label:before {
content: '[-] weniger Informationen';
}
.klappText input:not(:checked) ~ div {
display: none;
}
.klappText input:focus + label {
/* Markierung des fokussierten LABEL-Elements */
background-color: blue;
color: white;
}
</style>
<!--[if lt IE 9]>
<style type="text/css">
.klappText input,
.klappText label {
display: none;
}
</style>
<![endif]-->
</head><meta charset="UTF-8" />
<body>