我正在尝试改变IE10中HTML组件的奇怪外观和感觉。单击下拉箭头后，列表项容器出现在我想要修改的黑色边框的上方。有没有可能控制html下拉菜单中的css部分？
浏览 1提问于2013-04-18得票数 0
1回答
我最近注意到，每当我修改select元素的css时，它都会更改下拉箭头。在IE 11中，它从一个白色背景的简单向下箭头到一个带有灰色背景的简单箭头。
使用这个jsFiddle可以看到一个非常简单的例子：
Normal Select:
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
CSS Select:
&
浏览 1提问于2014-05-06得票数 2
回答已采纳
我使用的是PhoneGap build，我的select标签在电话上没有下拉箭头。我试着应用-webkit-appearance: menulist;，但这没有帮助，我试了其他选择，但仍然只显示没有下拉箭头的选项。
这是PhoneGap的一个问题，因为同样的代码会在我的安卓手机的本地浏览器上显示一个下拉箭头。
只有当我使用PhoneGap build时，箭头才会消失。有什么解决方案吗？
浏览 1提问于2013-02-07得票数 2
如何将三角形css用于下拉箭头的前、后。
我已经创建了这个css
<span class="arrow-top"></span>
.arrow-top {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 35px solid #943c3c;;
}
我还创建了demo。
浏览 11提问于2018-06-12得票数 1
4回答
我正尝试在移动设备上使用常规输入类型的日期。但是在CSS中设置的宽度被Safari (或webkit)否决了。
我可以将-webkit-appearance: none;添加到CSS中，这样宽度就会像预期的那样工作。但是这样我就失去了所需的所有其他样式，例如指示它是选取器的箭头。
有没有一种方法可以让我保留输入类型date的基本样式，但自己控制宽度？
浏览 0提问于2013-08-22得票数 14
所以,
我已经设计了一个选择标签的样式，当我在IE11/Edge上查看它时，当您单击下拉箭头时，它会在选中框周围添加一个黑色边框。
我似乎找不到任何能移除这条边界的东西。
请给我建议。
这是我的CSS
select {
background: transparent;
width: 100%;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 59.6px;
-webkit-appearance: none
浏览 1提问于2016-12-01得票数 2
回答已采纳
2回答
html：
<div class="select-input">
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</div>
css：
.select-input{
width:180px;
padding:5p
浏览 0提问于2013-10-15得票数 0
1回答
如何强制iOS设备遵循我的CSS
、、、、
我正在尝试让iPhones遵循我设置的正常CSS。Chrome显示得很好，在“移动视图”上的显示方式也很好，但当我在我的iPhone上查看它时，它的显示方式就完全不同了
请看下面的截图。
上图: Chrome在“移动视图”中。
下图: Iphone6s
将下图右侧的下拉箭头与顶部的下拉箭头进行比较
解决这个问题的最佳方法是什么？
<div class="row SortPanel">
<div class="col-sm-12 innerSortPanel">
浏览 0提问于2017-06-15得票数 0
首先我要说的是visual studio的行为:例如，当你在一个Html或asp页面中添加一个div元素，然后在设计视图中试图改变它的维度(例如，使它变长)，它通过改变html代码来实现，而不是通过css，例如，添加空格来放大div。我想有一个组件，这是一个html，javascript和css的组合，一起行动。当我在设计模式下更改它时，它会更改css和javascript。我认为能够从编辑器接收事件(例如，放大div)并对事件执行操作将非常有用。有没有一个简单的解决方案？
浏览 0提问于2018-08-12得票数 0
1回答
我有css下拉菜单。它适用于choreme或旧firefox版本，但是当我用firefox最新版本和显示时，我遇到了一些问题。我怎么才能修好它？
<div class="btnRent">
<label>
<select>
<option selected> Select Box </option>
<option>Short Option</option>
<option>This Is A Longer Opti
浏览 2提问于2014-07-18得票数 0
回答已采纳
我在摆弄的触摸屏：
不知怎么的，#nav span:after正在导致向下箭头出现在跨度上--怎么会出现？它是从哪里来的？如何更改此图标/字符？
它似乎不是来自content属性，而且任何地方都没有图像文件。当我在我自己的系统中复制这一点时，我也会得到箭头，在IE和FF中。如果我们将nav标记更改为div，如果删除aria-haspopup，则会出现这种情况。如果我在IE或FF中使用F12，我找不到它是在哪里引入的，除非它是一些奇怪的使用边界或什么的怪癖。
HTML:
<nav id="nav" role="navigation">
<
浏览 4提问于2015-03-23得票数 3
回答已采纳
1回答
我需要设置select选项的箭头样式，如下所示
我找到了许多相关的答案，但都是绝对位置--这限制了位置是自然浮动的，所以如果我需要输入响应，它将在每次分辨率改变时丢失它的位置。
所以我想也许可以创建2个div - one包含select选项，在它的左边-div包含自定义箭头。但是我不能将箭头div放在离选择选项足够近的地方，所以它将是可点击的.....
这是我到目前为止所做的。
<div class="modify_search">
<div class="search_wrapper">
&
浏览 0提问于2017-07-31得票数 0
回答已采纳
1回答
我开始使用igx-grid，我已经用combobox模板化了单元格，如下所示： <igx-column field="Locations" header="Available At" [editable]="true" [filterable]="false" width="220px">
<ng-template igxCellEditor let-cell="cell" let-value>
<igx-combo type="l
浏览 16提问于2020-12-03得票数 1
我需要创建一个视图，如下图所示，使用HTML、CSS、JQuery和JavaScript。视图可能有输入、标签、按钮。我不想使用任何直接的第三方实现。我需要自己实现这一点。我是JavaScript的新手。帮我把这些朋友弄起来。谢谢。
浏览 3提问于2012-09-20得票数 0
回答已采纳
如何设置HTML复选框、单选按钮和下拉列表的样式？或者我可以吗？
我想使用复选框或单选按钮的图像，列表也是如此-下拉箭头在大多数情况下看起来都不好。
浏览 2提问于2009-07-14得票数 16
回答已采纳
ASP.NET dropdownlist控件有一个箭头，您可以单击该箭头向下拉列表，该箭头的颜色与用户的窗口配色方案相关联。这对我来说不方便，我需要一个变通方法。然而，我想知道是否有人知道(或猜测)使下拉箭头绑定到系统颜色背后的策略？
浏览 0提问于2009-02-26得票数 0
回答已采纳
当我尝试在选项卡控件中使用ajax组合框时，我有一个显示问题:当我的选项卡控件加载到组合框所在的页面时，一切正常；但是，如果它加载到另一个页面，当您切换到包含组合框的页面时，右键(打开组合框列表)根本不会显示。
有人经历过这种行为吗？也许找到了解决方案？
提前感谢！
浏览 0提问于2010-04-29得票数 0
回答已采纳
4回答
我已经为我的复选框设置了样式，但我仍然可以在firefox的选择框中看到箭头，我已经将css设置为：
background:transparent;
content:'';
apperiance:none;
Thats在Chrome上工作，但在火狐上我仍然看到默认箭头，是否也可以在火狐上删除它？
浏览 4提问于2013-05-29得票数 1
4回答
如何获得选择下拉箭头样式，如下图所示。
<select>
<option>Select Any</option>
<option>Option 1</option>
<option>Option 2</option>
</select>
浏览 3提问于2016-07-06得票数 0
回答已采纳
2回答
我有一个想要右对齐的选择框，但我想让选项下拉列表保持左对齐。如下所示：
<select>
<option>item</option>
</select>
和CSS：
select { direction: rtl; }
option { direction: ltr; }
但是设置select标签的方向也会设置select下拉菜单的方向。请参阅
这有可能吗？我知道，作为替代，我可以使用js构建一个自定义的选择功能，但如果可以的话，我想让它保持简单。
浏览 2提问于2014-07-11得票数 6
回答已采纳
我已经尝试删除在wordpress.I中制作下拉菜单时出现的下拉箭头。我还没有找到解决方案，所以我想知道您是否可以键入任何额外的css来修复它。 谢谢! 箭头位于菜单中的“hudvrd”旁边。 图片来源：drop down menu
浏览 61提问于2020-12-17得票数 1
我有一个纯CSS下拉菜单，它工作得很好，但我希望在有子菜单的父菜单项上有一个下拉箭头，以向用户显示菜单有选择/选项。我现在有这样的情况：
/* drop down arror */
nav ul li > a:last-child:after { content: ' ▾'; }
这会在每个菜单项旁边放置一个下拉箭头，只有有孩子的菜单项除外。所以我需要的是一个与此完全相反的。我希望有一个a:has-child或a:is-parent。任何人都知道如何做到这一点，而不走JavaScript路由或图像路由？
提前感谢你对我的问题的帮助
浏览 2提问于2014-05-12得票数 1
回答已采纳
2回答
我有一个关于如何用CSS3设置选择框样式的示例，下面是我的设置。我在IE9遇到麻烦了。label:before和label:after伪元素阻止了它们所在的下拉箭头的“单击”操作。这在除IE9之外的所有浏览器中都能正常工作。有没有人知道如何调整它才能工作？我在认真地听呢!
附言:我只对css的想法感兴趣。我不想让JavaScript成为让它正常工作的必要条件。
浏览 2提问于2012-08-08得票数 4
回答已采纳
1回答
我想将箭头从大尺寸更改为小尺寸
、、、、
我使用angular2-multiselect，默认情况下箭头大小很大，我想减小下拉箭头的大小。
<angular2-multiselect
class="form-control"
[data]="dropdownList1"
[(ngModel)]="selectedItems"
[settings]="dropdownSettings"
(onSelect)="onItemSelect($event)"
(onDeSelect)="OnItemDeSelect($even
浏览 10提问于2019-07-13得票数 0
回答已采纳
1回答
是否可以重写选择菜单的离子css以显示自定义下拉箭头？
我在这里试过这样做的，
但它只是将箭头放在原来的上方，而不是替换它。
这就是我尝试过的风格
.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
}
.styled-selec
浏览 1提问于2016-01-13得票数 0
回答已采纳
有没有办法，如何制作圆角的<select>，而不用任何javascript？我有这个疯狂的设计，我完全不知道如何只使用CSS。
checkbox和radiobutton也有同样的问题。有人知道如何使它们圆圆吗？
我需要适用于IE6+，火狐2+，Opera 9+的解决方案.
浏览 6提问于2009-04-10得票数 3
回答已采纳
1回答
我试着用下面的css删除下拉箭头，但没有任何效果。
.dropdown::after{
display: none !important;
}
以下是代码
<NavDropdown className={classes.user} title="Componentes" id="collasible-nav-dropdown">
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown
浏览 0提问于2021-10-20得票数 0
1回答
我已经为邮件黑猩猩选择了‘全宽’模板，我永远不能改变每一行的背景颜色。
它允许在页眉上使用全宽度的彩色条带，但不能在后面的块上使用。我可以在其中放入内联样式或嵌入式css，但我不知道如何针对每一行。
我已经收到了具有这一特点的电子邮件，但我无法做到这一点。任何帮助都是最好的。
浏览 2提问于2017-03-30得票数 5
回答已采纳
在select元素上应用自定义高度时，IE8中的文本与底部垂直对齐：
<select>
<option value="1">123</option>
<option value="1">456</option>
</select>
select
{
border: 2px solid #CDCDCD;
height: 50px;
}
有没有办法对齐到中间？
浏览 0提问于2012-02-09得票数 3
回答已采纳
我正在使用Selenium，我不能从我想要的kendo下拉菜单中选择一个项目。有人知道如何使用Selenium来完成这个任务吗？(或者用C#进行测试，但我暂时无法测试)。
这是一个网站，有一个下拉，我试图练习，通过尝试断言一些其他下拉选项，没有运气。
<tr>
<td>open</td>
<td>http://derp-bear.herokuapp.com/ui_widgets/kendo_ui_example</td>
<td></td>
</tr>
<tr>
浏览 4提问于2015-10-15得票数 2
回答已采纳
<script type="text/javascript" src="../libcommon/bootstrap/js/bootstrap-select.js"></script>
<link rel="stylesheet" href="../libcommon/bootstrap/css/bootstrap-select.css" type="text/css"/>
$(document).ready(function() {
$('.selectpick
浏览 2提问于2013-11-29得票数 3
我需要在框中显示的唯一东西是橙色三角形，我不确定是否需要CSS或其他东西来去掉三角形左侧的两个元素。
有没有办法做到这一点？我只是使用输入类型date。
小提琴：
浏览 5提问于2013-07-31得票数 52
1回答
我正在设计一个select标签，我想知道我是否可以占据右边的空间，箭头在哪里？
<header class="navbar">
<div class="navbar__container">
<select class="navbar__select">
<option class="navbar__option">Janeiro, 2015</option>
<option class="navbar__option&
浏览 4提问于2015-04-27得票数 0
回答已采纳
我正在建立一个网站使用联系形式7 WordPress和有问题的样式选择菜单。具体来说，我不能移动箭头或添加填充到下拉，所以它不是那么紧。
我尝试使用这个CSS为下拉项添加间距(以及一些其他CSS技巧)，但它没有任何效果：
options {
padding: 20px 10px!important;
margin: 20px 10px!important;
line-height: 36px!important;
border-bottom: 10px solid tan!important;
}
你知道有没有办法控制cf7的选择菜单(箭头和选项下拉)的样式行为。
谢谢!
演示网站：
浏览 4提问于2022-05-05得票数 1
2回答
下拉箭头重力表单
、、
嗨，我在当前网站上有一个表格：
我希望有下拉箭头在两个下拉字段：“公司规模”和“选择主题”，因为你可以看到我已经添加了图像之前的占位符。使用"background: url“，但是这样做我丢失了下拉箭头...
有没有办法让下拉箭头和图像放在同一个占位符框中？
希望你能帮上忙！
谢谢
浏览 1提问于2018-09-21得票数 0
我使用ul和li ()来处理下拉列表。当试图将其转换为select选项下拉列表时，我不会得到相同的选项(Jsfiddle)。我猜这与我重命名CSS的方式有关(我只是用选项替换了li )，但我不知道它有什么问题。我现在的HTML和CSS都在下面，上面有两个jsfiddles在文本中。
<div class="dd wrapper-dropdown-3" tabindex="1">
<select id="Process" class="dropdown" name="Process" da
浏览 4提问于2014-04-09得票数 0
回答已采纳
我有一个定制的旋转测试在Nexus 7 (Marshmallow)和Moto X 2014 (棒棒糖)，一切都应该工作。但是，当我在Nexus 5或5X (Marshmallow)上测试时，旋转器的下拉箭头没有显示。我玩过各种各样的排列和填充，但这似乎没有什么区别。
我的旋转XML：
<Spinner
android:id="@+id/spinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
androi
浏览 5提问于2016-03-30得票数 2
回答已采纳
我使用的是html5 date input，但在新的表单中，Chrome不能正确显示全值。格式为DD-MM- YYYY，但YYYY部分显示为空。我可以看到它的价值所在。
似乎输入右侧的空白区域是为控件保留的(交叉表示清除值、向上/向下箭头、下拉箭头)。
我没有足够的空间来扩大输入范围。如何使完整的日期可见？
示例：
<input type="date" value="2014-04-07"/>
with
input { width: 80px; }
浏览 0提问于2014-04-07得票数 1
回答已采纳
2回答
我使用的是Xamarin表单中的一个选取器，它看起来就像页面上的一个输入框，直到你点击它，它才选择弹出窗口。我想直观地告诉用户，这是他们可以选择的下拉列表。我可以使用样式来完成它吗？所以body建议使用Effects。我该如何实现这一点？
浏览 2提问于2017-03-25得票数 0
5回答
我使用下面的CSS在FF，safari，chrome中隐藏下拉箭头，并添加了我自己的图像进行自定义。
select
{
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
}
对于IE10，我使用了伪元素
select::-ms-expand{
display:none;
}
我不知道如何将同样的方法应用于IE9和IE8。谁能告诉我如何在IE8 & IE9中隐藏下拉箭头。
浏览 0提问于2013-10-16得票数 44
1回答
我到处寻找，但还没有找到解决办法。
我需要知道如何主题的选项列表的一个选择框。在我的wordpress网站im使用这个插件。
这个插件使用"select“和"option”标记创建一个下拉分类列表。
如何将自己的css添加到此标记中？
任何帮助都会很感激的。
浏览 2提问于2014-06-07得票数 0
回答已采纳
1回答
我使用以下代码自定义选择的下拉箭头：
<span class="selectWrapper">
<select id="rowselect" class="pageinfoselect input-mini">
<option>...</option>
</select>
</span>
CSS
span.selectWrapper {
position: relative;
display: inline-block;
浏览 3提问于2013-07-23得票数 15
回答已采纳
3回答
我想改变颜色的下拉箭头在一个引导3下拉选择。
到目前为止，我的CSS已经更改了背景、边框、字体和选项颜色，但还没有找到箭头：
select{
background-color: #555;
color: white;
border: 1px solid #ffffff;
}
select:after {
color: white !important;
}
option:checked {
background-color: #eee;
color:#555;
}
option:not(:checked) {
background-color: white;
c
浏览 4提问于2015-03-09得票数 6
我想打印一个页面，它有一个选择框，我想只显示选择框中的元素(甚至不显示选择下拉箭头)。因此，当用户打印此页面时，他们会看到选择框中的所有元素，而不仅仅是"Select item“文本。
<html>
<head></head>
<body>
<select> <option selected> Select item </option>
<option value="1" > 10 </option>
浏览 3提问于2012-06-21得票数 0
1回答
我正在尝试使用jQuery和Selectric框架创建一个菜单，我遇到了一个问题，我需要一些帮助。使用此菜单，我希望下拉列表的最小宽度是下拉列表中最大文本项的最大宽度。
因为它是现在，我可以有最大和最小宽度预设，但我希望最小宽度是最长项目的最大宽度。感谢你在高级课程中的帮助
下面是我使用的代码：
浏览 3提问于2014-07-30得票数 2
2回答
我已经尝试了css appearance: none;隐藏选择下拉箭头。但在IE9中，箭头显示。有关参考，请参阅图像。
你知道如何使用css或jquery隐藏箭头吗？
下面是我的代码：
.fields-set select{
height:32px;
border:1px solid #ccc;
margin: 0 19px 0 1%;
padding:0 32px 0 1%;
width:55%;
float: left;
overflow: hidden;
background:url("https://encrypted-tbn2.gstatic.com/imag
浏览 1提问于2015-04-29得票数 7
工作在一个ASP.NET核心6MVC应用程序。我是使用select asp-for标记助手创建下拉列表的。但我没有看到下拉箭。另外，我希望设置默认选择的顶部或特定值。
下面是下拉列表的代码和图像
<div class="col-sm-3">
<select name="products" class="form-control "
asp-items="@(new SelectList(ViewBag.ddaircraft,"id","n
浏览 1提问于2022-05-29得票数 1
下面是我的代码片段。我面临一个问题，当我点击IconComponent(下拉箭头)，选择组件不打开。
<Select
IconComponent={() => (
<ExpandMore className="dropdown-arrow" />
)}
onChange={this.handleSelectUpdate.bind(this)}
value={this.state.somestate}
inputProps={{
name: "someprops1",
id: "somep
浏览 2提问于2019-02-28得票数 10
回答已采纳
我想使用Combobox和DropDownStyle=Simple，当在框中输入某些内容时，它会更改项目列表。
项目的加载是正常的，我可以在items属性上看到它们处于调试模式中，但是下拉列表没有显示，而且似乎是空的。
我也试着强迫展示下拉式推杆。
MyComboBox.DroppedDown = True;
有关于这种行为的线索吗？
浏览 12提问于2014-04-09得票数 1
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
