如何移除textarea蓝色边框轮廓？已尝试outline:none无效

你设置的outline:none没生效，是因为这个蓝色轮廓其实是Bootstrap给.form-control:focus添加的box-shadow，不是outline属性，而且你的CSS优先级没覆盖Bootstrap的默认样式。

直接修改CSS，给textarea的聚焦状态补充样式：

#floatingTextarea {
  border: none;
  outline: none;
}

#floatingTextarea:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent; /* 可选，防止聚焦时边框变色 */
}

原理：Bootstrap的表单控件在获得焦点时，会通过box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25)实现蓝色高亮效果。我们通过ID选择器+:focus的组合提高样式优先级，覆盖掉Bootstrap的默认box-shadow，就能彻底移除这个蓝色轮廓。

内容的提问来源于stack exchange，提问作者A potato