我想编辑一个选择框,但箭头不会改变我确实在我的页面中包含了 font-awesome。
CSS
#editDocent{
background-color: white;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
#editDocent:after{
content: "\f063";
font-family: FontAwesome;
}
HTML 和 PHP
<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
<select id="editDocent">
<?php
$docentenQuery = mysqli_query($con, "SELECT * FROM users WHERE is_docent = '1'");
$docentenNumRows = mysqli_num_rows($docentenQuery);
$docentenResult = mysqli_fetch_assoc($docentenQuery);
foreach ($docentenQuery as $data) {
if ($data['id'] == $result2['id']) {
echo "<option data-id='" . $data['id'] . "' selected>" . $data["voornaam"] . " " . $data["achternaam"] . "</option>";
} else {
echo "<option data-id='" . $data['id'] . "'>" . $data["voornaam"] . " " . $data["achternaam"] . "</option>";
}
}
?>
</select>
最佳答案
你不能在 html select 元素上使用 before 和 after,就是这样!
#editDocent{
background-color: white;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
#editDocent:after{
content: "\f063";
font-family: FontAwesome;
}
<div id="editDocent">
<select>
<?php
$docentenQuery = mysqli_query($con, "SELECT * FROM users WHERE is_docent = '1'");
$docentenNumRows = mysqli_num_rows($docentenQuery);
$docentenResult = mysqli_fetch_assoc($docentenQuery);
foreach ($docentenQuery as $data) {
if ($data['id'] == $result2['id']) {
echo "<option data-id='" . $data['id'] . "' selected>" . $data["voornaam"] . " " . $data["achternaam"] . "</option>";
} else {
echo "<option data-id='" . $data['id'] . "'>" . $data["voornaam"] . " " . $data["achternaam"] . "</option>";
}
}
?>
</select>
</div>
关于css 修改选择箭头 - Font Awesome 不会加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37931656/