Programmatically make datalist of input[type=url] appear with JavaScript

后端 未结 2 1032
盖世英雄少女心
盖世英雄少女心 2020-12-18 00:25

In Chrome and as for now the Datalist only appears when typing or double clicking on the input element, e.g. http://jsfiddle.net/r7Y4v/

I\'m trying to m

2条回答
  •  生来不讨喜
    2020-12-18 01:00

    How about something like this? Since Chrome does place an icon on hover I placed this image so that it would be in the same spot.

    input[list]{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAB3RJTUUH3wMHFxkH6cbPfQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAABaSURBVHjaY2RgYDAA4jkMxIEsID6FLrgOiP8TwNNwmSgNxJ/xaDwPxGz4nJSDQ+MHIFYn5B9mqA3omsOJDA9w4P1B0jiTWI0wMIFYf2IDPEB8gxh/4jOAIAAAbfwl/FxzevIAAAAASUVORK5CYII=');
    background-repeat:no-repeat;
    background-position:right;
    background-origin: content-box;
    }
    

提交回复
热议问题