如何使Bootstrap只读输入字段看起来像普通文本?

约翰·P

我的html页面中有一个如下所示的字段:

<input type="text" class="form-control" readonly>

我希望它看起来像<p>标记之间的普通文本请帮我CSS向导。

坦比

你可以试试这个

的CSS

input[readonly]{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}

如果您想与一堂课一起使用,可以尝试一下

的HTML

<input type="text" class="form-control classname" value="Demo" readonly />

的CSS

input[readonly].classname{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}

如果您想使<input>外观看起来像内联文本(调整输入元素的大小),请检查此小提琴https://jsfiddle.net/Tanbi/xyL6fphm/,并且请不要忘记调用jquery js库

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使searchBar和searchDisplayController看起来像普通的输入字段

来自分类Dev

Angularjs。如何使输入字段看起来像253.3445.9621?

来自分类Dev

如何使 h1、h2 看起来像普通的段落文本

来自分类Dev

使普通布局看起来像PreferenceScreen

来自分类Dev

样式输入字段看起来像梯形

来自分类Dev

如何在xcode 6中使UI文本字段看起来像这样?

来自分类Dev

如何在xcode 6中使UI文本字段看起来像这样?

来自分类Dev

如何使输入类型的文本看起来像选择下拉列表?

来自分类Dev

如何使禁用的选择框看起来像普通文本框(仅适用于CSS)

来自分类Dev

使按钮看起来像文本

来自分类Dev

新的打开xml word doc超链接看起来像普通文本

来自分类Dev

C#使Winform只读radioButton看起来像标准

来自分类Dev

如何使按钮看起来像标签?

来自分类Dev

如何使UITableView看起来像这样?

来自分类Dev

如何使UITableView看起来像这样?

来自分类Dev

如何在XLSM中查看源或工作表,使其看起来像普通的Excel文档?

来自分类Dev

Vue-Multiselect 看起来像零宽度文本输入并且没有样式

来自分类Dev

使用MVC使用bootstrap glyphicon样式设置样式,使提交输入看起来像跨度

来自分类Dev

使best_in_place输入看起来像引导输入

来自分类Dev

如何设置blockquote的样式+使其看起来像表单字段集+图例?

来自分类Dev

获取输入type = text看起来像type = password

来自分类Dev

单击该如何使看起来像链接的文本运行控制器功能?

来自分类Dev

iOS Xcode故事板:如何使文本看起来像这种设计

来自分类Dev

单击该如何使看起来像链接的文本运行控制器功能?

来自分类Dev

如何更改单选按钮以包含文本并使其看起来像可选按钮?

来自分类Dev

新安装的laravel看起来像纯文本

来自分类Dev

对齐轮播文字,使其看起来像Bootstrap 2.3.2

来自分类Dev

如何使用看起来已启用的 listTile 创建文本表单字段

来自分类Dev

如何删除看起来像标志的文件?

Related 相关文章

  1. 1

    使searchBar和searchDisplayController看起来像普通的输入字段

  2. 2

    Angularjs。如何使输入字段看起来像253.3445.9621?

  3. 3

    如何使 h1、h2 看起来像普通的段落文本

  4. 4

    使普通布局看起来像PreferenceScreen

  5. 5

    样式输入字段看起来像梯形

  6. 6

    如何在xcode 6中使UI文本字段看起来像这样?

  7. 7

    如何在xcode 6中使UI文本字段看起来像这样?

  8. 8

    如何使输入类型的文本看起来像选择下拉列表?

  9. 9

    如何使禁用的选择框看起来像普通文本框(仅适用于CSS)

  10. 10

    使按钮看起来像文本

  11. 11

    新的打开xml word doc超链接看起来像普通文本

  12. 12

    C#使Winform只读radioButton看起来像标准

  13. 13

    如何使按钮看起来像标签?

  14. 14

    如何使UITableView看起来像这样?

  15. 15

    如何使UITableView看起来像这样?

  16. 16

    如何在XLSM中查看源或工作表,使其看起来像普通的Excel文档?

  17. 17

    Vue-Multiselect 看起来像零宽度文本输入并且没有样式

  18. 18

    使用MVC使用bootstrap glyphicon样式设置样式,使提交输入看起来像跨度

  19. 19

    使best_in_place输入看起来像引导输入

  20. 20

    如何设置blockquote的样式+使其看起来像表单字段集+图例?

  21. 21

    获取输入type = text看起来像type = password

  22. 22

    单击该如何使看起来像链接的文本运行控制器功能?

  23. 23

    iOS Xcode故事板:如何使文本看起来像这种设计

  24. 24

    单击该如何使看起来像链接的文本运行控制器功能?

  25. 25

    如何更改单选按钮以包含文本并使其看起来像可选按钮?

  26. 26

    新安装的laravel看起来像纯文本

  27. 27

    对齐轮播文字,使其看起来像Bootstrap 2.3.2

  28. 28

    如何使用看起来已启用的 listTile 创建文本表单字段

  29. 29

    如何删除看起来像标志的文件?

热门标签

归档