我有这个代码:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

在Chrome中,我会在右下角看到小黑箭头

带箭头的字段

有没有办法删除或隐藏?

的jsfiddle

更新:

我知道我可以将它包装起来,然后用这个JSFiddle中显示的psuedo -element关闭它

但是我需要另外一个解决方案,还有其他办法吗?

===============>>#1 票数:5 已采纳

以下将有效:

input::-webkit-calendar-picker-indicator {
  display: none;
} 

jsFiddle在这里

  ask by Hovhannes Sargsyan translate from so

未解决问题?本站智能推荐:

1回复

Chrome(Webkit)会忽略CSS3框属性吗?

以下代码在Chrome版本22.0.1229.96 m中无法正确呈现。 在Firefox中工作正常。 当将class应用于div时,基本上什么也没有发生,它只是正常渲染所有内容。 将类添加到div后,输入元素将水平对齐。 更新资料 可以使用Flexbox,但Firefox
2回复

文字转换:大写导致Chrome出现版式错误

我遇到了一个奇怪的布局错误,当将inline-block嵌套在block元素中时,该错误似乎是由text-transform CSS属性触发的。 我也在Safari(5.1.2)上也看到了问题,但是这个最小测试用例仅在Chrome(17.0.963.56)上触发。 特别有趣的一点是,打开
1回复

CSS3动画可在除Chrome之外的所有浏览器中使用

刚开始进入HTML和CSS设计,但是由于在Chrome方面缺乏合作,我尝试使用Webkit动画的尝试受到了阻碍。 我已尽力确保一切格式正确,但是chrome仍然顽固地显示黑框代替了我正在使用的图像。 在这里www.wesleymartin.ca,只是一个个人练习网站,有关图像位于底部
1回复

为什么Google Chrome会改变背景不透明度?

我使用以下CSS规则来设置div背景颜色: 在开发者工具的“计算”标签中的Google Chrome v.42中,我看到此结果为rgba(96, 96, 96, 0.0980392); 。 我认为,它看起来像一些网络工具包优化...... 在FireFox v.36中,计算出的
1回复

CSS不透明度可在Firefox和Internet Explorer中使用,但不能在Chrome&Safari(WebKit)中使用

我正在开发的asp.net页上有一个奇怪的问题。 我在设计时使用“ CssClass”属性设置了.NET超链接控件的不透明度。 不透明度在Firefox和IE中生效,但在Chrome和Safari中不生效。 我使用的浏览器版本: 铬:49 Internet Explorer:
2回复

WebKit中的水平网页

我正在尝试创建类似于“ 水平方式 ”的网页。 目的是在不设置主体宽度的情况下,使所有容器盒水平而不是垂直下落。 波纹管是我页面的基本版本。 我也尝试过将身体旋转90度的想法,但是很快遇到了限制。 我不关心其他浏览器的兼容性,但是它必须在WebKit的最新版本(Safari 5,
1回复

webkit-border-image中的参数如何工作? 似乎没有关联

我正在尝试做一个从右到左的底部渐变。 当我进行这项工作时,对我来说是没有意义的,微小的变化会发生奇怪的事情。 从右到左给出正确的渐变 这会将渐变置于DIV的背景中?! 这是我所了解的,而我不了解的: 从规格来看,它说明了以下内容: 是这个意思: 因此
3回复

CSS3 - 如何在textareas和Chrome中的输入中设置所选文本的样式?

编辑:正如@geca在评论中指出的,这是一个已知的WebKit错误 。 我们希望很快得到修复! ::selection伪元素允许用户设置所选文本的样式。 这可以按预期工作,但不适用于Google Chrome 15中的textareas和输入。(我不确定它是否是webkit或chrom
1回复

Chrome / Safari:如果指定了边框,则框阴影仅出现在文本输入中

我遇到了WebKit浏览器(Chrome 15.0.x和Safari 5.1.1)的问题,其中在文本输入中未呈现框阴影。 偶然地,我发现显式设置边框会导致渲染框阴影,即使您将边框设置为“无”或默认设置为“插入”也是如此。 下面的代码(在JSFiddle上进行操作查看 )演示了使用Chrome
3回复

为什么不模糊(0)删除视网膜屏幕上的Webkit / Chrome中的所有文本模糊?

我最近在Webkit浏览器中遇到了一个奇怪的行为(至少在OSX下),这比我想要的解决时间要长得多! 基本上:在元素上设置filter: blur(0) (或特定于供应商的-webkit-filter )应该意味着不会对元素应用任何形式的模糊。 然而,当指定blur(0)或指定单位的归