H5 处理点击元素高亮、自定义按钮、去除焦点边框

 1、设置移动设备上点击元素时出现的高亮颜色

*{-webkit-tap-highlight-color: transparent;
}

2、如果你想要自定义按钮的样式,你可以使用 -webkit-appearance: none; 来移除按钮的默认样式

.button {-webkit-appearance: none;appearance: none; /* 兼容性更好的通用语法 */border: 1px solid #ccc;padding: 10px 20px;background-color: #f0f0f0;color: #333;font-size: 16px;
}

3、当您在输入框(input元素)中输入内容后,某些浏览器会自动为获得焦点的输入框添加一个轮廓(outline),

使用inpt:focu属性去除

.search input:focus {outline: none;
}

 效果如下

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/9811.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

光检测器——光纤通信学习笔记七

光检测器 光检测器的基本介绍 作用:把接受到的光信号转换成电信号 光接收器的灵敏度、光源的发光功率和光纤的损耗三者决定了光纤通信的传输距离; 光电二极管 光电转换的基本原理 之前提到,PN结由于内部载流子的扩散运动形成了内部电场&…

操作系统之I/O控制方式

1.程序直接控制方式 (1)读操作的流程 1)CPU向I/O控制器发出读指令。I/O控制器启动,将自身状态置为忙碌态。CPU一直轮询检查I/O控制器的状态 2)I/O控制器启动CPU指定的I/O设备,并将该I/O设备的状态置为忙碌…

Hive Windows Functions 窗口函数

Hive Windows Functions 窗口函数 在 Hive 中,窗口函数(Window Functions)用于在查询结果中执行聚合、排序和分析操作,而无需将数据分组。窗口函数允许你在查询结果中的一组行上执行计算,而不会改变原始数据的行数&am…

Vue3知识总结-1

前面学习一段时间的前端,但是没有进行过太多的练习,并且对于里面一些重要的知识点也没有去着重的记忆,所以打算在学习Vue3的时候,做一些笔记,方便后面翻看。这个笔记会对于学习一些做一些,而不是一个整体的…

前端之深拷贝

前提: 就是在实际开发中,我有一个编辑的弹窗,可以查看和编辑,因为弹窗里面是一个步骤条,点击下一步就要向对应的接口发送请求,考虑到就比如我点击下一步,此次表箱信息其实不需要修改&#xff0…

推荐 6 个超好用的 iterm2 zsh 插件

大家好啊,今天给大家分享几个我日常使用的 iterm2 插件,每一个都很有用,希望能给帮助你提高使用命令行的效率~ zsh-autosuggestions 插件地址:https://github.com/zsh-users/zsh-autosuggestions 效果展示 当你输入…

AI中转站计费平台系统源码一站式解决方案安装说明

AI中转站计费平台系统源码一站式解决方案安装说明 功能 | Features AI 联网功能 AI online searching service 多账户均衡负载 Multi-account load balancing HTTP2 Stream 实时响应功能 HTTP2 Stream real-time response function 节流和鉴权体系 Throttling and authenticati…

【17-Ⅱ】Head First Java 学习笔记

HeadFirst Java 本人有C语言基础,通过阅读Java廖雪峰网站,简单速成了java,但对其中一些入门概念有所疏漏,阅读本书以弥补。 第一章 Java入门 第二章 面向对象 第三章 变量 第四章 方法操作实例变量 第五章 程序实战 第六章 Java…

开源代码分享(28)-含分布式光伏的配电网集群划分和集群电压协调控制

参考文献: [1] Chai Y , Guo L , Wang C ,et al.Network Partition and Voltage Coordination Control for Distribution Networks With High Penetration of Distributed PV Units[J].IEEE Transactions on Power Systems, 2018:3396-3407.DOI:10.1109/TPWRS.2018…

基于微信小程序的校园二手交易平台设计与实现(论文+源码)_kaic

基于微信小程序的校园二手交易平台 设计与实现 摘 要 随着绿色低碳消费和循环经济的理念越来越深入人心,大学生二手商品市场发展迅猛,而大部分二手交易平台运输方式与收售方式对于大学生用户群体并不适用,所以急需一款针对大学生二手商品交易的软件&…

搜索的未来:OpenAI 的 GPT 如何彻底改变行业

搜索的未来:OpenAI 的 GPT 如何彻底改变行业 概述 搜索引擎格局正处于一场革命的风口浪尖,而 OpenAI 的 GPT 处于这场变革的最前沿。最近出现了一种被称为“im-good-gpt-2-chatbot”的神秘聊天机器人,以及基于 ChatGPT 的搜索引擎的传言&am…

聊天打字轻松赚钱:1毛一条,值得一试!

聊天打字轻松赚钱:1毛一条,值得一试! 在如今信息爆炸的时代,人们的注意力愈发分散,但同时也催生了许多新的职业和赚钱方式。其中,聊天打字赚钱成为了越来越受人欢迎的一种方式,其简便性和高效性…

WebSocket基础知识

WebSocket是什么? WebSocket 是一种网络通信协议,它提供了全双工通信机制,允许服务器主动向客户端发送消息,而不仅限于响应客户端的请求。它使用类似于 HTTP 的握手来建立连接,然后使用单独的持久连接来进行通信。这种…

C++ primer plus习题及解析第十二章(类和动态内存分配)

题目:12.1 题: 对于下面的类声明: class Cow { private:char name[20];char* hobby;double weight; public:Cow();Cow(const char* nm, const char* ho, double wt);//有参构造Cow(const Cow& c);//拷贝构造函数~Cow();//析构函数Cow&…

Linux系统调用read、write

0 前言 《Linux系统调用》整体介绍了系统调用,本文重点分析其中read、write的实现与使用方法。 1 定义 1.1 read SYSCALL_DEFINE3(read, unsigned int, fd, char __user *, buf, size_t, count) {struct file *file;ssize_t ret -EBADF;int fput_needed;file f…

【前端每日一题】 day3

JS的原型链如何实现继承,请写出一个例子 JavaScript中的原型链继承是通过原型(prototype)来实现的。每个对象都有一个原型(prototype),该原型又是一个对象,而这个对象又有自己的原型&#xff0c…

kubernetes删除命名空间下所有资源

kubernetes强制删除命名空间下所有资源 在 Kubernetes 中,当一个命名空间处于 Terminating 状态但不会完成删除过程时,通常是因为内部资源没有被正确清理。要强制删除这个命名空间及其所有资源,你可以采取以下步骤: 1. 确认命名空…

cPanel中如何卸载已安装的SSL证书

我使用的Hostease的Linux虚拟主机产品默认带普通用户权限的cPanel面板,由于临时搭建了一个测试的个人的纯静态的网站,不想要安装SSL证书,但是据这边了解HosteaseLinux虚拟主机是只要域名解析指向主机IP,并且绑定到主机&#xff0c…

Go 使用mqtt

1、创建一个文件夹&#xff0c;并且使用go modules go mod init <module_name> 其中<module_name>是你的模块名称&#xff0c;如下 go mod init example.com/myproject 2、安装mqtt扩展 go get github.com/eclipse/paho.mqtt.golang 3、开始写主程序 package ma…

中国地面气候资料日值数据获取方式

数据简介 环境气象数据服务平台提供了全国大约2100个点位&#xff0c;2000年至2023年的逐日数据。包括气温、气压、湿度、风、降水等要素。 数据基于ECMWF reanalysis-era5-land、reanalysis-era5-single-levels 以及中国2100站点地面气候资料日值观测数据&#xff0c;使用机器…