相关疑难解决方法(0)

我想修改显示我的datalist的不同选项列表的方式.是否可以在其上应用一些CSS属性？

<input list="languages" id="language_id">
<datalist id="languages">
      <option value="html">HTML</option>
      <option value="java">Java</option>
      <option value="perl">Perl</option>
      <option value="php">PHP</option>
      <option value="ruby-on-rails">Ruby on Rails</option>
</datalist>

我试过了

option {
    background: red;
}

但它似乎没有用.

我正在使用HTML并尝试制作列表,如之前的图像所示.但是,通过使用datalist我无法获得滚动条.你能告诉我如何在datalist中启用滚动条.(注意:不能在我的网站上使用脚本语言来实现这一点).

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Afghanistan">
  <option value="Aland Islands">
  <option value="Albania">
  <option value="Algeria">
  <option value="American Samoa">
  //Many more countries
  .
  .
  .
  <option value="Zcountry">
</datalist>

我有一个自动完成的数据表.

如何应用滚动条？

我的HTML代码:

<input list="languages" id="language_id" />
<datalist id="languages" style="visibility:hidden;white-space:nowrap;overflow:scroll;">
  <option value="html">HTML</option>
  <option value="java">Java</option>
  <option value="perl">Perl</option>
  <option value="php">PHP</option>
  <option value="ruby-on-rails">Ruby on Rails</option>
</datalist>

而且,当我双击文本框时,所有单词都会显示.如何在双击时隐藏显示的所有单词？

我有一个有很多选项的数据列表,列表太长了我想给它垂直滚动.

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

这里是演示问题
FIDDLE