博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css鼠标指针光标样式_高级CSS光标–通过指针提高可用性
阅读量:2514 次
发布时间:2019-05-11

本文共 1609 字,大约阅读时间需要 5 分钟。

css鼠标指针光标样式

All browsers provide their own stylesheet which includes settings link colors (blue for unvisited and purple for visited, in IE's case), default padding and margins, text sizes, and cursors. Browsers provide the pointer cursor to make it obvious to the user that the text or image that serves as the link is clickable. What about the other cases for clicking on elements? These elements include:

所有浏览器都提供自己的样式表,其中包括设置链接颜色(对于IE,蓝色为未访问,紫色为已访问),默认填充和边距,文本大小以及光标。 浏览器提供了指针光标,以使用户可以明显看出用作链接的文本或图像是可单击的。 在其他情况下点击元素呢? 这些元素包括:

  • Input buttons (type button, submit, and reset)

    输入按钮(类型按钮,提交和重置)
  • Elements with an onclick event

    带有onclick事件的元素

  • Label elements

    标签元素
  • Select elements

    选择元素
  • Javascript triggers (Mootools Accordians, for example)

    Javascript 触发器 (例如Mootools Accordians)

It's clear that there's an opportunity to improve usability with some simple CSS. Since the focus of this is to improve usability and inconsistency in functionality would cause more harm than good, we'll use the proven CSS class method to apply our improvements. We'll also use general HTML element selectors.

显然,有机会通过一些简单CSS来提高可用性。 由于这样做的重点是提高可用性,而功能不一致会带来弊大于利的情况,因此,我们将使用经过验证CSS类方法来应用我们的改进。 我们还将使用常规HTML元素选择器。

select,label,.pointer { cursor:pointer; }

Apply the pointer class to button inputs, elements with onclick events, and JavaScript triggers. Do not use pseudo-classes such as input[type='submit'] as IE6 does not support this.

将指针类应用于按钮输入,具有onclick事件的元素以及JavaScript触发器。 请勿使用诸如input [type ='submit']之类的伪类,因为IE6不支持此类。

Another quick CSS addition to increase usability within minutes.

另一个快速添加CSS的功能,可在几分钟内增加可用性。

翻译自:

css鼠标指针光标样式

转载地址:http://tvvwd.baihongyu.com/

你可能感兴趣的文章
Centos安装Python3
查看>>
PHP批量插入
查看>>
laravel连接sql server 2008
查看>>
Laravel框架学习笔记之任务调度(定时任务)
查看>>
Swagger在Laravel项目中的使用
查看>>
Laravel 的生命周期
查看>>
Nginx
查看>>
Navicat远程连接云主机数据库
查看>>
Nginx配置文件nginx.conf中文详解(总结)
查看>>
jxl写入excel实现数据导出功能
查看>>
linux文件目录类命令|--cp指令
查看>>
.net MVC 404错误解决方法
查看>>
linux系统目录结构
查看>>
git
查看>>
btn按钮之间事件相互调用
查看>>
Entity Framework 4.3.1 级联删除
查看>>
codevs 1163:访问艺术馆
查看>>
冲刺Noip2017模拟赛3 解题报告——五十岚芒果酱
查看>>
并查集
查看>>
sessionStorage
查看>>