怎么使td标签内文字设置为不可编辑状态？

分类：HTML5+

HTML5

用的bootstrap框架，写了一个表格之后，td标签里的文字在网页上都是可以编辑的，td里的图片和文字鼠标移上去都是竖线的样子，哪怕图片添加了超链接鼠标移上去也是竖线，怎么能使鼠标移上去都是手势样式而且文字都不可编辑

2018-09-13 10:07 负责人:无分享

2 个回复

l***@njjiedu.com (作者) - 90后小奶狗

解决了，table里有个全局属性，contenteditable="true" ，删除即可

1***@qq.com

disabled=disabled 将td里面的一个这改为自读超链接不显示下划线利用a:hover修改鼠标悬浮样式

源码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
a:hover{
text-decoration: none;
font-size: 14pt;
text-decoration:
underline; color: blue; }
color:red;

    }  
</style>  
<body>  
    <form action="" method="post">      
        <input type="text" value="哈哈哈只能看不能改" disabled="disabled" />  
    </form>  
    <a href="#">a标签悬浮候的效果</a>  
</body>

</html>

该问题目前已经被锁定, 无法添加新回复

怎么使td标签内文字设置为不可编辑状态？

2 个回复

公告

相关问题

怎么使td标签内文字设置为不可编辑状态？

与内容相关的链接

2 个回复

公告

相关问题