只读输入而不改变鼠标图标/ CSS？

Question

echo '<input type="text" class="form-control" value="' . $server->address . ":" . $server->connection_port . '">';

是否有任何方法可以为此输入激活只读模式，但在该输入区域悬停时不更改它的css或鼠标图标？

Answer 1

使用jQuery attr() method您可以添加readonly attribute，如下所示，这是您可以添加的方式，仍然可以添加剩余的代码以获得更好的输出。

$(document).ready(function(){
	$(".form-control").attr('readonly','true');
});

.form-control:hover{
  background:blue;
  transition:1s ease;
  outline:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="Name" class="form-control">