css input标签禁止输入

要实现CSS中input标签的禁止输入，可以使用以下CSS样式：

input {
    user-select: none; /* 禁止选择文本 */
    -webkit-user-drag: none; /* 禁止拖拽元素 */
    -webkit-user-modify: read-only; /* 将输入框设置为只读 */
}

通过设置`user-select`属性为`none`，可以禁止用户选择文本。通过设置`-webkit-user-drag`属性为`none`，可以禁止元素拖拽。通过设置`-webkit-user-modify`属性为`read-only`，可以将输入框设置为只读。这样就可以实现禁止输入的效果。

另外一种方法是通过JavaScript，在input标签聚焦时立即让其失去焦点，从而规避光标显示。可以使用以下代码实现：

$('input<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

相关问题

css input 悬浮提示输入的内容

您可以使用CSS的`:focus` 伪类和 `::after` 伪元素来实现悬浮提示输入的内容。具体实现方法如下：

1. 首先，为输入框添加一个包含提示信息的 `data-tooltip` 属性。例如：

<input type="text" data-tooltip="请输入内容">

2. 然后，使用CSS样式为输入框添加悬浮提示信息。例如：

input:focus::after{
    content: attr(data-tooltip);
    position: absolute;
    top: -20px;
    left: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}

这里我们使用 `:focus` 伪类选择器，表示在输入框获取焦点时，添加提示信息。然后使用 `::after` 伪元素添加提示信息的样式。`content` 属性用于添加提示信息的内容，`position` 属性用于指定提示信息的位置，`top` 和 `left` 属性用于控制提示信息的偏移量。最后，使用一些常用的样式属性，如 `padding`、`background-color` 和 `border` 来美化提示信息的显示效果。

通过这种方式，您可以轻松地为输入框添加悬浮提示信息，提高用户的交互体验。

input标签css样式

下面是一个基本的 input 标签的 CSS 样式示例：

input {
  /* 设置边框样式 */
  border: 1px solid #ddd;
  /* 设置圆角 */
  border-radius: 4px;
  /* 设置内边距 */
  padding: 8px;
  /* 设置字体大小 */
  font-size: 16px;
  /* 设置宽度 */
  width: 300px;
  /* 设置高度 */
  height: 40px;
  /* 设置背景颜色 */
  background-color: #fff;
  /* 设置文本颜色 */
  color: #333;
  /* 设置光标样式 */
  cursor: text;
}

你可以根据自己的需要，调整这些样式属性。