css 去掉textarea,input,select中的选中焦点框

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 601平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄17年

关注

原创最新推荐文章于 2026-06-20 15:12:23 发布 601 阅读 AI 写同款· GEO 优化 ›

textarea,input,select:focus{

outline: 0;

}

收录于

当前文章被以下社区和专栏收录：

CSS样式去除input和textarea点击选中框 input和textarea点击选中框很影响美观，有什么方法可以将它去除掉呢？下面有个不错的方法，需要的朋友可以参考下立即下载

相关推荐

Speedtree学习笔记（案例）——拥有多种材质的植物如何导入使用（以草为例）

注：Speedtree无论保存还是导入模型其存储路径不可有中文。第一步拆分草的模型根据所需的材质去拆分（例：假若草的果实，茎秆和叶子是不同的材质那么就需拆分为三份；假若画的全部颜色及材质一样就没有必要去拆分模型）第二步导入草的模型在Mesh面板中依次导入草的模型——Do nothing additional right now 第三步扩大草的生长区域范围（可省略）...

L人青的博客 5722

textarea取消右下角的两道斜线和聚焦显示的线框（input也一样）

我们先来看看一开始不取消的样子：我们可以加入下面的的css属性取消默认的样式： resize: none;/* 取消默认的右下角的两道斜线 */ outline: none;/* 取消默认聚焦的蓝色线框 */ 加入之后就是这个鬼样子： PS：不加入resize: none，我们可以拖动改变文本框的大小： ...

githubcurry，985cs博士在读 1812

FPGA实现Gardner环定时同步：Verilog代码与Testbench实战解析

本文深入解析了在FPGA上实现Gardner环定时同步的完整过程，详细阐述了其非数据辅助的定时误差检测原理。通过Verilog代码实战，展示了内插滤波器、定时误差检测器、环路滤波器和数控振荡器等核心模块的设计，并提供了完整的Testbench验证方法，帮助开发者解决数字通信系统中的时钟同步难题。

gpt4scribbler的博客 574

css---input和textarea 输入框点击有边框解决方法

第二种方法（控制聚焦时不出现边框）第一种方法(直接添加样式)

weixin_45458830的博客 1546

STM32 CAN发送丢包？3个邮箱轮询法实测有效（附代码）

本文深入分析了STM32 CAN总线发送丢包的根本原因，指出其内置CAN控制器的三个发送邮箱是硬件瓶颈。针对高负载场景，提供了实测有效的优化方案，重点介绍了非阻塞的邮箱状态轮询法，该方法通过主动轮询三个邮箱的空闲状态，充分利用硬件资源，显著提升发送稳定性并避免任务阻塞。文中附有可直接使用的示例代码。

weixin_29189381的博客 195

16G显存+llama.cpp跑大模型的黄金配置指南

大语言模型（LLM）本地部署的核心瓶颈在于显存与推理效率的平衡。llama.cpp作为轻量级C/C++推理引擎，通过GGUF模型格式、量化压缩（如Q4_K_M）和CUDA底层优化，显著降低GPU资源需求。在消费级硬件中，16G显存成为兼顾模型能力（如Qwen3-4B、Llama-3-8B）、长上下文支持（4K token）与系统稳定性的关键阈值。它既规避了12G显存的容量焦虑，又绕开了24G高端卡的成本与散热负担，特别适合Windows 11原生环境下的生产级AI应用，如RAG、智能客服与文档分析。

weixin_32629853的博客 404

css去掉input,textarea默认样式，自定义样式

【代码】css去掉input,textarea默认样式，自定义样式。

m0_72929120的博客 847

PDAF相位对焦原理

pdaf光路图

camerall 1万+

【CSS】css---input和textarea 输入框点击有边框解决方法

【代码】【CSS】css---input和textarea 输入框点击有边框解决方法。

a1k2l45k的博客 416

Arduino I2C for TCA9548A应答扫描程序

perseverance51博客 1119

【光伏风电功率预测】基于 ICEEMDAN + MSCNN-BiGRU-Attention 的并行预测模型

本文提出一种基于ICEEMDAN分解与多尺度深度学习的光伏/风电功率并行预测框架。针对多能源、多时间尺度、强非平稳特性带来的建模挑战，该模型首先通过改进的ICEEMDAN算法将原始功率序列分解为不同频段的IMF分量；随后为每个IMF构建包含多尺度CNN、双向GRU和注意力机制的子模型，实现局部特征提取与时序依赖建模；最后通过并行预测与重构获得最终功率输出。实验表明，该方法能有效解决模式混叠问题，提升预测精度，并支持光伏/风电的独立或联合预测部署，适用于风光联合调度等工程场景。

专注AI大模型,软件混淆,授权 154

html5+css表单input/textarea/select的属性与使用方法/学习笔记

No1banana的博客 3566

SAP BTP Trial 生命周期全解析：90 天试用、30 天活跃规则、Kyma 有效期与向 Free Tier 的顺滑迁移

摘要： SAP BTP免费试用账号（trial）提供90天有效期，需每30天登录一次保持活跃状态。Kyma运行时有效期仅14天，需特别注意重建。到期后数据不可恢复，建议将关键配置脚本化并保存。若需长期使用，可迁移至无时间限制的免费层（free tier）。文章详细拆解了试用生命周期规则，包括续期、删除机制，并针对CAP开发、集成套件和Kyma等场景提供实操建议，帮助用户规避常见误区，高效利用试用资源。（150字）

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 365

css去掉谷歌浏览器input、textarea、select中黄色边框

hrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。这是大前端调整的样式，样式统一就是好看。取消chrome下input和textarea的聚焦边框：input,button,select,textarea{outline:

wangxiaohui6687的专栏 5370

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

SIMATIC S7-1200, S7-1500 PID 控制[手册]

点击去他区域阻止input/textarea 失去焦点

点击去他区域阻止input/textarea 失去焦点需求描述：点击搜索按钮搜索框不失去焦点或者富文本编辑器（设置了 contenteditable=“true” 的编辑区）中点击上传图片的按钮编辑器的光标不会消失以点击搜索按钮搜索框不失去焦点需求为例子解决方案1 blur事件中重新让input获取焦点 <el-input @blur='blurFn' ref='inp'/> ····· blurFn（）{ this.$refs.inp.focus() }

marko_zheng的博客 2810

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等，可在创建的窗口进行控制

html2canvas表单元素渲染：input/select/textarea完整支持

你是否曾遇到过使用JavaScript截图时，表单元素（如input、select、textarea）显示异常或完全丢失的问题？作为前端开发者，我们经常需要实现网页截图功能，用于生成报告、保存用户界面状态或创建交互式演示。然而，表单元素的准确渲染一直是截图工具面临的主要挑战之一。 html2canvas作为一款流行的JavaScript截图库，提供了强大的DOM元素转Canvas能力。本文将深入...

gitblog_00658的博客 992

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版【x86|x64】

html——form表单 input标签 select标签 textarea标签

&amp;amp;amp;lt;form action=&amp;amp;quot;url&amp;amp;quot; method=&amp;amp;quot;get&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;fieldset&amp;amp;amp;gt; //如果表单周围没有边框，说明您的浏览器太老了。 &am

肖的博客 880

用 js 给 select input textarea 标签加上边框效果

用 js 给 select input textarea 标签加上边框效果1. html 代码2. js 代码 1. html 代码 <form id="form_one"> <label for="ykenan1">ykenan1</label><br/> <select id="ykenan1" class="form-con...

YKenan的博客 814

html option 字体颜色,通过js修改input、select默认字体颜色

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='元素焦点消失';document.getElementById('textarea').style.color='...

weixin_28946735的博客 3121

设置input，select，textarea不可编辑模式

1，设置input，select，textarea不可编辑 $("#accordion").find("input,select,textarea").attr("disabled", true).css("cursor", "default"); 2，设置input框只读 $("#id").attr("readonly", true);

迷途小书童 4506

CSS-form表单及input表单控件

一、表单 1.认识表单在HTML中，一个完整的表单通常由表单控件（也被称为表单元素）、提示信息和表单域3个部分构成。 2.创建表单在HTML中，<form></form>标记被用于定义表单域，即表单开始和结束的位置，所有表单元素都在在这对标记中。语法格式： <form action=”url地址” method=”提交方式” name=”表单名称”> 表单控件 </form> <form>标记的常用属性属性名含义

qq_54282411的博客 4239

去除input，textarea，select 默认选中聚焦事件

css去掉文本框默认聚焦事件

curry_袁一祥的博客 4331

去掉chrome浏览器中input或textarea在得到焦点时出现黄色边框的方法

chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器，但是在开发中，让人感觉很多余的一个特性就是，在表单项中的控件聚焦时总会出现一个黄色边框特别是input[text]和textarea，并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能，如下图所示： input[text]：textarea：有的时候黄色边框很影响页面效果，并且texta...

weixin_30315435的博客 580

chrome浏览器隐藏 input textarea 获取焦点后边框

input,button,select,textarea{ outline:none;} /*取消表单项聚焦时产生的边框*/textarea{resize:none;}/*取消textarea改变大小的功能*/

清山博客 1842

HTML 表单标签、input系列标签、button标签、select下拉菜单标签、textarea文本域、label标签

表单域表单域是一个包含表单元素的区域。在HTML标签中，< form> 标签用于定义表单域,以实现用户信息的收集和传递。 < form > 会把它范围内的表单元素信息提交给服务器. <form action= "url地址” method= "提交方式” name="表单域名称"> 各种表单元素控件 </form> 常用属性: 属性属性...

七七的博客 2046

上一篇： jquery textarea 自动调整高度之autoResize插件

下一篇： Tomcat发布网站知识集锦(转载)

Speedtree学习笔记（案例）——拥有多种材质的植物如何导入使用（以草为例）

L人青的博客

09-01

5722