如何在<input type =“ text”>中显示多个图像

W.是的

我正在<input type="text">使用

background: #e3e3e6 url(search.jpg) no-repeat 7px 2px;

在左侧。

我想在文本框的另一侧添加其他图像。(右边)。最好的方法是什么?

尼科·奥

您可以在元素上使用多个背景图片,如下所示:

html(使用class属性分隔带有和不带有背景的元素)

<input type="text" />

样本CSS:

input[type="text"] {
    background: url(http://www.placehold.it/20x20&text=left), url(http://www.placehold.it/20x20&text=right);
    background-repeat: no-repeat, no-repeat;
    background-position: center left, center right;
}

这是一个演示:http : //jsfiddle.net/oLd7zdf7/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在<input type =“ text”>中显示多个图像

来自分类Dev

如何在jquery中获取$('body')。children('input [type =“ text”]')中每个元素的位置(x,y)

来自分类Dev

如何创建显示<input type =“ text”>的值的简单Javascript程序?

来自分类Dev

如何在Pupeteer中定位多个相同的“ input [type =“ file”]“?

来自分类Dev

如何显示<input type =''text'>而不在jQuery中创建文本框?

来自分类Dev

jQuery的<input type ='text'>中的图表标题

来自分类Dev

如何在 input type="number" angular 中获取文本

来自分类Dev

如何在调整后的<input type =“ text>”中使文本与顶部对齐?

来自分类Dev

如何在Javascript中检查输入是否为type = text

来自分类Dev

长文本在<td>中正确显示,但在<input type =“ text”>

来自分类Dev

如何在ImageView中显示多个图像

来自分类Dev

如何在Pygame中显示多个图像?

来自分类Dev

如何工作input [type = text]:无效,需要html 5?

来自分类Dev

如何在jqGrid中的日期列中使用input type ='date'

来自分类Dev

如何在浏览器中获得相同的<input type =“ color”>值更改功能?

来自分类Dev

如何在android的imageview中显示多个图像

来自分类Dev

如何在Unix命令行中显示多个图像?

来自分类Dev

如何在抖动中显示和更新多个图像

来自分类Dev

如何在flipview winrt中显示多个图像?

来自分类Dev

如何在AssetBundle中为CSS添加“ type ='text / css'”-Yii2

来自分类Dev

如何在用户输入的输入type = text中附加%符号?

来自分类Dev

如何在AssetBundle中为CSS添加“ type ='text / css'”-Yii2

来自分类Dev

如何获取多个文件的input type = file的文本值?

来自分类Dev

当input [type = date]接收到值时,如何显示元素?

来自分类Dev

如何更改文件输入表单或“ input type ='file'”显示的文本

来自分类Dev

如何在Javascript中使用FileList(来自<input type =“ file”>)?

来自分类Dev

使用 <input type=file> 上传图像和文本文件,然后在文档中显示它们

来自分类Dev

使用phptal在<input type =“ text” name =“ txtname” value =“”>中插入值

来自分类Dev

Angularjs中的动态表单名称属性<input type =“ text” name =“ {{variable-name}}” />

Related 相关文章

  1. 1

    如何在<input type =“ text”>中显示多个图像

  2. 2

    如何在jquery中获取$('body')。children('input [type =“ text”]')中每个元素的位置(x,y)

  3. 3

    如何创建显示<input type =“ text”>的值的简单Javascript程序?

  4. 4

    如何在Pupeteer中定位多个相同的“ input [type =“ file”]“?

  5. 5

    如何显示<input type =''text'>而不在jQuery中创建文本框?

  6. 6

    jQuery的<input type ='text'>中的图表标题

  7. 7

    如何在 input type="number" angular 中获取文本

  8. 8

    如何在调整后的<input type =“ text>”中使文本与顶部对齐?

  9. 9

    如何在Javascript中检查输入是否为type = text

  10. 10

    长文本在<td>中正确显示,但在<input type =“ text”>

  11. 11

    如何在ImageView中显示多个图像

  12. 12

    如何在Pygame中显示多个图像?

  13. 13

    如何工作input [type = text]:无效,需要html 5?

  14. 14

    如何在jqGrid中的日期列中使用input type ='date'

  15. 15

    如何在浏览器中获得相同的<input type =“ color”>值更改功能?

  16. 16

    如何在android的imageview中显示多个图像

  17. 17

    如何在Unix命令行中显示多个图像?

  18. 18

    如何在抖动中显示和更新多个图像

  19. 19

    如何在flipview winrt中显示多个图像?

  20. 20

    如何在AssetBundle中为CSS添加“ type ='text / css'”-Yii2

  21. 21

    如何在用户输入的输入type = text中附加%符号?

  22. 22

    如何在AssetBundle中为CSS添加“ type ='text / css'”-Yii2

  23. 23

    如何获取多个文件的input type = file的文本值?

  24. 24

    当input [type = date]接收到值时,如何显示元素?

  25. 25

    如何更改文件输入表单或“ input type ='file'”显示的文本

  26. 26

    如何在Javascript中使用FileList(来自<input type =“ file”>)?

  27. 27

    使用 <input type=file> 上传图像和文本文件,然后在文档中显示它们

  28. 28

    使用phptal在<input type =“ text” name =“ txtname” value =“”>中插入值

  29. 29

    Angularjs中的动态表单名称属性<input type =“ text” name =“ {{variable-name}}” />

热门标签

归档