问题描述
限时送ChatGPT账号..我正在使用 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/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/组件/表单/#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/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/components/forms/#select-menu
Thank you for the help anyway
这篇关于如何编辑选择表单箭头?(引导程序 4)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论