如何编辑选择表单箭头?(引导程序 4) [英] How to edit the select form arrow? (Bootstrap 4)
问题描述
我正在使用 Bootstrap 4 处理表单，我想编辑/更改箭头选择元素的样式，从第一个版本到第二个版本，如下所示.
我尝试了不同的方法(如本社区中所见需要引用)来编辑箭头，但没有成功.
有人能帮我解释一下我如何才能达到预期的结果吗?
请在下面找到我的 HTML 示例以解决问题.
<meta charset="utf-8"><meta content="width=device-width, initial-scale=1" name="viewport"><元内容=描述"名称=描述"><meta content="index,follow" name="robots"><link href="/images/myicon.png" rel="icon" type="image/png"><title>这里的标题</title><!--CSS--><link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"><身体><div class="form-group"><label for="exampleSelect1">示例选择</label><select class="form-control" id="exampleSelect1"><选项>1</选项><option>2</option><选项>3</选项><选项>4</选项><选项>5</选项></选择>我在同一个 Bootstrap 4 上找到了答案
链接:https://v4-alpha.getbootstrap.com/组件/表单/#select-menu
还是谢谢你的帮助
I am working on a form with Bootstrap 4 and I would like to edit/change the style of the arrow select element from the first version to the second version as depicted below.
I tried different ways (as seen in this community citations needed) to edit the arrow but I had no success.
Could someone help me by explaining how I could achieve the desired result?
Please find bellow an example of my HTML for the problem.
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Description" name="description">
<meta content="index,follow" name="robots">
<link href="/images/myicon.png" rel="icon" type="image/png">
<title>TITLE HERE</title>
<!--CSS-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="form-group">
<label for="exampleSelect1">Example select</label>
<select class="form-control" id="exampleSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</body>
I have found the answer on the same Bootstrap 4
<select class="custom-select">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
Link: https://v4-alpha.getbootstrap.com/components/forms/#select-menu
Thank you for the help anyway
这篇关于如何编辑选择表单箭头?(引导程序 4)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
