输入框去蓝框框!outline:none

2023-10-12 20:20
文章标签 none 输入框 outline 框框

本文主要是介绍输入框去蓝框框!outline:none,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在这里插入图片描述
这个input的蓝框,当你真正做项目的时候会发现,非常讨厌,你必定要去掉它!
很简单:outline:none!
设置之后就没啦!
在这里插入图片描述这是设置后的效果,这样就没有了!
因为输入框的大小是ui设计的,你要根据ui的设计图设计网页,所以点击的时候最好去掉蓝框,提升用户体验度!

这篇关于输入框去蓝框框!outline:none的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/198221

相关文章

docker基于minio部署outline团队知识库

outline 介绍 Outline 是一个开源的Wiki 知识库和团队协作文档管理工具,美观、实时协作、功能丰富且兼容 Markdown,设计用于帮助团队和组织有效地创建、共享和管理文档。 Outline 具有简单易用的界面和强大的功能,可以替代传统的文档管理系统,如 Google Docs 或 Confluence。Outline 提供了一种结构化的方式来组织信息,使团队成员可以快速访问和

手机点击输入框,弹出输入法会盖住web的文本框问题。

输入法盖住文本框 解决办法:把文本框外的div设置成固定定位 fixed 输入框文本时时变化激发的方法 :onpropertychange="***"兼容ie   。       οninput="***"兼容非IE,两者可同时使用

docker部署outline团队知识库

outline 介绍 Outline 是一个开源的Wiki 知识库和团队协作文档管理工具,美观、实时协作、功能丰富且兼容 Markdown,设计用于帮助团队和组织有效地创建、共享和管理文档。 Outline 具有简单易用的界面和强大的功能,可以替代传统的文档管理系统,如 Google Docs 或 Confluence。Outline 提供了一种结构化的方式来组织信息,使团队成员可以快速访问和

div+css之CSS 文本设置 CSS 字体设置 CSS 列表设置 CSS 表格设置 css outline轮廓

1、CSS 文本设置: CSS 文本属性    属性             描述 color          设置文本颜色 direction      设置文本方向。 line-height      设置行高。 letter-spacing  设置字符间距。 text-align      对齐元素中的文本。 text-decoration  向文本添加修饰。 text-indent

Matlab_learning_1(set(gcf,'MenuBar','none','Position',[X,Y,Z,W]))

一、首先举个例程: set(gcf,'MenuBar','none','Position',[X,Y,Z,W]);

输入框联想功能查询

链接: demo链接 密码: 2wmc 现有一需求,输入框(非搜索框)需要具有联想查询功能:如下效果图 这里分享得是一个测试得demo,开发中可以根据自己情况修改。

Vue输入框模糊搜索的多种写法

(1)模板方案 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="https://unpkg.com/vue@3/

jquery通过输入框实时查找列表值

在项目中,有时候需要用户选择城市,但是城市太多,用户选择起来不太方便,所以提供了一个用户可以通过输入框输入城市的汉字或者拼音简写。结果示意图如下:    当输入拼音后结果示意图如下:    实现代码如下: <html><head><title>实时查询城市通过姓名或拼音简写</title></head><meta charset = "utf-8" ><script type=

exec: /opt/FriendlyARM/toolschain/4.4.3/bin/.arm-none-linux-gnueabi-gcc: not found

ubuntu 使用arm-linux-gcc提示,明明工具存在,而且环境变量也设置好了 /opt/FriendlyARM/toolschain/4.4.3/bin//arm-linux-gcc: 15: exec: /opt/FriendlyARM/toolschain/4.4.3/bin/.arm-none-linux-gnueabi-gcc: not found   file /opt/

【HTML】开源模拟输入框动画

代码地址: https://uiverse.io/eslam-hany/strange-goose-48 代码地址: https://uiverse.io/vnuny/moody-swan-60 代码地址: https://uiverse.io/boryanakrasteva/hard-pig-16 代码地址: https://uiverse.io/Harsha2luc