为什么某些 CSS 函数在我的 WPF WebBrowser 元素中不起作用?
Why does some CSS Function not work in my WPF WebBrowser Element?
所以我在 WPF 中有一个 Web 浏览器元素,并用一些 html 代码和 CSS 填充它。 Web 浏览器元素几乎显示了我在 CSS 部分中放入的所有内容。但是唯一可以在 Web 浏览器元素中工作,但在普通 HTML 文件中工作正常的东西是 Hover Effect 和 nth-child。其他 CSS 内容正在运行并在 Web 浏览器中正确显示。
这里是我的HTML代码:
<style>
table tr{
background-color: #494D54;
color:lightblue;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
}
table tr:hover{
background-color: #636873;
}
table{
border-collapse: collapse;
width: 100%;
}
table td{
border: 1px solid #ddd;
padding: 8px;
}
.lb_table_subtitle{
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color:#114C88;
color: white;
}
lb_table_subtitle:hover{
background-color:#636873;
}
table tr:nth-child(odd){background-color: #2E3136;}
body {
background-color:#494D54;
border-radius: 50px;
}
</style>
<table cellSpacing="0" cellPadding="0" width="100%" class="lb_table"><tr><td colspan="2" class="lb_table_subtitle">Technische Spezifikationen</td></tr><tr><td>Prozessor</td><td>Intel Xeon</td></tr><tr><td>Prozessortyp</td><td>Xeon MP</td></tr><tr><td>Anzahl der CPUs</td><td>2</td></tr><tr><td>Anzahl der CPU-Steckplätze</td><td>4</td></tr><tr><td>Prozessortakt (MHz)</td><td>1900</td></tr><tr><td>Prozessor Cache (kb)</td><td>1024</td></tr><tr><td>Front Side Bus - FSB (MHz)</td><td>400</td></tr><tr><td>Arbeitsspeicher (GB)</td><td>1</td></tr><tr><td>Festplattentyp</td><td>SCSI</td></tr><tr><td>Grafikkarte onboard</td><td>ja</td></tr><tr><td>Sound</td><td>nein</td></tr><tr><td>Anzahl der Netzteile</td><td>2</td></tr><tr><td>Bauart</td><td>Rack</td></tr><tr><td colspan="2" class="lb_table_subtitle">Festplatten - weitere HDDs oder einzelne Rahmen auf Anfrage</td></tr><tr><td>36 GB SCSI</td><td>1</td></tr><tr><td>Gesamtkapazität (GB)</td><td>36</td></tr><tr><td>max. Festplatten</td><td>3</td></tr><tr><td colspan="2" class="lb_table_subtitle">Weitere Laufwerke</td></tr><tr><td>CD-ROM</td><td>ja</td></tr><tr><td>Diskettenlaufwerk</td><td>ja</td></tr><tr><td colspan="2" class="lb_table_subtitle">PCI-Devices onboard</td></tr><tr><td>Device_1</td><td>Ethernet Pro 100</td></tr><tr><td>Device_2</td><td>SCSI-Controller U160</td></tr><tr><td colspan="2" class="lb_table_subtitle">Erweiterungssteckplätze</td></tr><tr><td>PCI 64-bit 33MHz</td><td>1</td></tr><tr><td>PCI 64-bit 66MHz</td><td>4</td></tr><tr><td>PCI-X 133MHz</td><td>1</td></tr><tr><td colspan="2" class="lb_table_subtitle">Anschlüsse</td></tr><tr><td>VGA</td><td>1</td></tr><tr><td>Ethernet RJ45</td><td>1</td></tr><tr><td>PS/2</td><td>2</td></tr><tr><td>Serial Port</td><td>1</td></tr><tr><td>USB</td><td>3</td></tr></table>
注意!:我无法更改其中包含 table 的 Html 代码。因为我从 SQL 数据中得到了这个 html 字符串并且只能添加 CSS 样式。
WPF 中的 WebBrowser
控件在内部使用有点过时的本机 ActiveX 控件。
如果您希望在您的应用中获得支持最新 HTML 和 CSS 的现代浏览器体验,您应该切换到使用 WebView2 控件。
所以我在 WPF 中有一个 Web 浏览器元素,并用一些 html 代码和 CSS 填充它。 Web 浏览器元素几乎显示了我在 CSS 部分中放入的所有内容。但是唯一可以在 Web 浏览器元素中工作,但在普通 HTML 文件中工作正常的东西是 Hover Effect 和 nth-child。其他 CSS 内容正在运行并在 Web 浏览器中正确显示。
这里是我的HTML代码:
<style>
table tr{
background-color: #494D54;
color:lightblue;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
}
table tr:hover{
background-color: #636873;
}
table{
border-collapse: collapse;
width: 100%;
}
table td{
border: 1px solid #ddd;
padding: 8px;
}
.lb_table_subtitle{
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color:#114C88;
color: white;
}
lb_table_subtitle:hover{
background-color:#636873;
}
table tr:nth-child(odd){background-color: #2E3136;}
body {
background-color:#494D54;
border-radius: 50px;
}
</style>
<table cellSpacing="0" cellPadding="0" width="100%" class="lb_table"><tr><td colspan="2" class="lb_table_subtitle">Technische Spezifikationen</td></tr><tr><td>Prozessor</td><td>Intel Xeon</td></tr><tr><td>Prozessortyp</td><td>Xeon MP</td></tr><tr><td>Anzahl der CPUs</td><td>2</td></tr><tr><td>Anzahl der CPU-Steckplätze</td><td>4</td></tr><tr><td>Prozessortakt (MHz)</td><td>1900</td></tr><tr><td>Prozessor Cache (kb)</td><td>1024</td></tr><tr><td>Front Side Bus - FSB (MHz)</td><td>400</td></tr><tr><td>Arbeitsspeicher (GB)</td><td>1</td></tr><tr><td>Festplattentyp</td><td>SCSI</td></tr><tr><td>Grafikkarte onboard</td><td>ja</td></tr><tr><td>Sound</td><td>nein</td></tr><tr><td>Anzahl der Netzteile</td><td>2</td></tr><tr><td>Bauart</td><td>Rack</td></tr><tr><td colspan="2" class="lb_table_subtitle">Festplatten - weitere HDDs oder einzelne Rahmen auf Anfrage</td></tr><tr><td>36 GB SCSI</td><td>1</td></tr><tr><td>Gesamtkapazität (GB)</td><td>36</td></tr><tr><td>max. Festplatten</td><td>3</td></tr><tr><td colspan="2" class="lb_table_subtitle">Weitere Laufwerke</td></tr><tr><td>CD-ROM</td><td>ja</td></tr><tr><td>Diskettenlaufwerk</td><td>ja</td></tr><tr><td colspan="2" class="lb_table_subtitle">PCI-Devices onboard</td></tr><tr><td>Device_1</td><td>Ethernet Pro 100</td></tr><tr><td>Device_2</td><td>SCSI-Controller U160</td></tr><tr><td colspan="2" class="lb_table_subtitle">Erweiterungssteckplätze</td></tr><tr><td>PCI 64-bit 33MHz</td><td>1</td></tr><tr><td>PCI 64-bit 66MHz</td><td>4</td></tr><tr><td>PCI-X 133MHz</td><td>1</td></tr><tr><td colspan="2" class="lb_table_subtitle">Anschlüsse</td></tr><tr><td>VGA</td><td>1</td></tr><tr><td>Ethernet RJ45</td><td>1</td></tr><tr><td>PS/2</td><td>2</td></tr><tr><td>Serial Port</td><td>1</td></tr><tr><td>USB</td><td>3</td></tr></table>
注意!:我无法更改其中包含 table 的 Html 代码。因为我从 SQL 数据中得到了这个 html 字符串并且只能添加 CSS 样式。
WPF 中的 WebBrowser
控件在内部使用有点过时的本机 ActiveX 控件。
如果您希望在您的应用中获得支持最新 HTML 和 CSS 的现代浏览器体验,您应该切换到使用 WebView2 控件。