CSS -webkit-tap color color: transparent；是否具有可访问性？
CSS -webkit-tap color color: transparent; 是一个CSS样式属性，用于设置元素在移动设备上触摸时的背景颜色。具体来说，-webkit-tap-color属性用于设置触摸元素时的背景颜色，而color属性用于设置元素的文本颜色。
从可访问性的角度来看，CSS -webkit-tap color color: transparent; 并不直接与可访问性相关。可访问性主要关注的是网站或应用程序的设计和开发，以确保所有用户，包括残障人士，都能够轻松访问和使用。
然而，CSS样式属性可以通过正确的使用来提高可访问性。在这种情况下，如果我们将背景颜色设置为透明，可能会导致可访问性问题，特别是对于视力受损的用户。透明的背景颜色可能会使文本不可读或难以辨认。
为了确保可访问性，我们应该考虑以下几点：
- 提供足够的对比度：确保文本颜色与背景颜色有足够的对比度，以便用户能够清晰地阅读文本。
- 使用无障碍颜色方案：遵循无障碍设计准则，选择适合不同用户的颜色方案。
- 测试和验证：在开发过程中进行测试和验证，以确保样式属性不会对可访问性造成负面影响。
总结起来，CSS -webkit-tap color color: transparent; 在可访问性方面并没有直接的影响，但我们应该在设计和开发过程中考虑到可访问性问题，并采取适当的措施来确保所有用户都能够轻松访问和使用网站或应用程序。
相关·内容
2回答
如何在单击任何输入时删除black border？？ 这是我的HTML <div class="info">
<input class="forms" type="text" placeholder="First Name.">
<input class="forms" type="email" placeholder="Email Adress.">
浏览 13提问于2021-07-27得票数 0
1回答
是否可以将列表视图的角设置为特定颜色，或者将其隐藏/使其透明?如果可以，我将如何做？
下面是我当前使用css对列表视图进行样式设置的尝试。
.list-view .scroll-bar:vertical {
-fx-background-color:#2c365d;
}
.list-view .increment-button ,.list-view .decrement-button {
-fx-background-color:transparent;
-fx-border-color:transparent;
}
.list-view .scroll-bar:
浏览 0提问于2020-02-06得票数 1
回答已采纳
11回答
谁能解释一下如何删除文本/输入框周围的橙色或蓝色边框(轮廓)？我认为只有在Chrome上才会显示输入框处于活动状态。下面是我使用的输入CSS：
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
浏览 10提问于2010-08-03得票数 1557
回答已采纳
我想从链接到工具提示的文本中删除虚线的底部边框。此代码在Qualtrics中用于修改客户的调查。在这种情况下，编辑文本装饰是否最好？我需要它在不同的浏览器上保持稳定。诚然，我没有接受过编程培训-只是自学，所以请提供您的答案的上下文，以便我可以查找有关您的方向或解析它与我已经知道的更多信息。
jQuery( function()
{
var targets = jQuery( '[rel~=tooltip]' ),
target = false,
tooltip = false,
title = false
浏览 0提问于2021-06-17得票数 0
3回答
CSS不覆盖样式
、、、
我有两个样式表文件，style.css和index.css，它们分别正在加载
1-style.css 2-index.css
在我的style.css中有这样的代码
#mainNav nav > a:hover span:before {
background-color: transparent !important;
}
#mainNav nav a.darkBlue span:before {
background-color: #17729a;
}
现在在我的index.css
当我写
#mainNav .darkBlue span:before {
b
浏览 0提问于2018-11-21得票数 0
回答已采纳
这是。
我有两个div元素。
<div class="parent">
<div class="child">
</div>
</div>
以及相应的CSS代码。
.parent {
height: 20px;
width: 100px;
background-color: #080;
position: relative;
}
.child {
position: absolute;
width: 80px;
height: 200px;
background-colo
浏览 0提问于2016-05-19得票数 10
回答已采纳
当您使用IE8或IE9悬停在我的下拉菜单上时，菜单div将显示在YouTube嵌入后面。它在所有其他浏览器上都能正常工作。
经过研究，我发现许多其他人都有同样的问题，解决方案是将wmode属性设置为transparent。例如，<iframe width="578" height="325" src="http://www.youtube.com/embed/XXXX?wmode=transparent"></iframe>或<param name="wmode" value="transpa
浏览 0提问于2013-02-27得票数 3
回答已采纳
这段CSS代码是否具有负面的可访问性？ -webkit-tap-highlight-color: transparent; 我不是专家，但我理解有些人看某些颜色有困难，我只是担心如果我删除文字突出显示颜色，可能会影响他们(我想删除它，因为当点击时，它会使UI看起来很奇怪)。 我已经承诺将我的网页写得尽可能容易访问，所以在我禁用任何东西之前，需要知道其中的含义，是的，我对此还是个新手。
浏览 14提问于2020-07-03得票数 1
回答已采纳
2回答
是否可以继承颜色，但重写不透明度值？下面是伪CSS中的一个示例：
.color-class {
background-color: rgba(255, 0, 0, 0);
}
.lighten {
background-color: rgba(inherit, inherit, inherit, .4);
}
适用于
<div style="color-class">I am red</div>
<div style="color-class lighten">
I am red and a litt
浏览 2提问于2017-12-15得票数 15
回答已采纳
我主要在osx中使用chrome，最近我发现在osx的任何浏览器(chrome、firefox、safari)中都没有应用样式html选项元素。
// HTML
<select>
<option class="option">Value 1</option>
<option class="option">Value 2</option>
<option class="option">Value 3</option>
</select>
浏览 3提问于2022-09-20得票数 0
我已经创建了一些简单的Javascript来使复选框看起来像是重新设置了皮肤，隐藏了复选框，基本上只是通过CSS拉入背景图像来显示选中/取消选中。
此HTML/CSS是否用于隐藏可访问的复选框？我希望尽可能合规，并且不确定隐藏和我的标签。目前它看起来是这样的..
CSS：
.checked:hover, .unchecked:hover
{
background-color: #242424;
}
.checked
{
background-image: url(check.bmp);
color: #ff
浏览 3提问于2010-09-03得票数 2
回答已采纳
1回答
我有一个HTML页面，其中包含一个搜索字符串的文本输入字段。当用户按下预定义的键(如META)时，我想将焦点放在字段上。
HTML 5中的锚也有类似的行为：
<a href="https://www.w3schools.com/css3" accesskey="c">CSS3</a>
我想知道是否有一个更具体的解决方案，而不是让一个JS函数监听所有按键和过滤正确的一个。
浏览 1提问于2018-04-19得票数 0
回答已采纳
我有一个CSS类，让我的链接看起来像漂亮的按钮。我希望能够应用相同的样式来提交按钮，并使它们看起来一样。最棘手的部分是锚标签需要有一个跨度，我认为这是不可能的表单提交按钮。有人知道如何让提交按钮与链接相匹配吗？
下面是CSS：
a.button {
background: transparent url('images/all_pages/bg_button_a.jpg') no-repeat scroll top right;
color: #FFF;
display: block;
font-family:Verdana, Arial, He
浏览 2提问于2009-03-24得票数 3
回答已采纳
1回答
我有两种不同的jquery效果，我想要应用于表单单选按钮，一边是按钮的悬停效果，另一边是选定单选按钮的背景颜色更改。代码如下：
对于悬停：
$(".label_radio").hover(function () {
$(this).css("background-color", "silver");
},function () {
$(this).css("background-color", "transparent");
});
对于所选项目：
$("#uno").click(f
浏览 1提问于2013-05-16得票数 0
回答已采纳
2回答
我对html/css/js很陌生，所以如果这是一个新手问题，请提前道歉。每次我看到导航栏，人们都倾向于使用ul/li。然而，我认为您可以通过使用和格式化'a‘标签来实现完全相同的结果，从而减少html代码，如下例所示：
html：
<body>
<header>
<nav class="top-nav">
<a href="#about">About me</a>
<a href="#education">Education<
浏览 0提问于2021-02-13得票数 0
3回答
我为我当前的项目编写了一个非常简单的函数，名为insidelabel()，让我在输入中添加输入字段的描述(标签)。
//Label inside of inputfields
function insidelabel(selector, name) {
$(selector).val(name);
$(selector).css({'color':'#999'});
$(selector).focus(function () {
//Input Value
if ($(this).val() == nam
浏览 3提问于2011-03-17得票数 1
回答已采纳
是否可以在span旁边换行按钮文本？这样按钮就会出现在多行上。 例如： div {
background-color: #ccc;
padding: 10px;
width: 150px;
}
button {
border: 0;
background: transparent;
} <div>
<span>Lorem ipsum dolor sit amet </span><button>Button with a long label</button>
</div> 在上面的例子中
浏览 26提问于2020-11-07得票数 0
回答已采纳
1回答
选择可搜索的下拉蓝色轮廓
、、、
选择；当下拉列表可搜索时，光标周围有一个蓝色的轮廓：
我可以使用以下方法来摆脱游标：
.Select-input > input {
color: transparent;
}
我怎样才能摆脱聚焦的蓝色轮廓？
谢谢,
米海
浏览 0提问于2018-06-27得票数 0
1回答
在jQuery 中，它声明
单击事件只有在以下一系列事件之后才会触发：
当指针在元素内时，鼠标按钮被按下。
当指针在元素内时，鼠标按钮被释放。
但是，我只是注意到，在Firefox 39中，当我选择一个输入按钮元素，然后按回键或空格键时，事件也会触发。为什么会这样呢？是否还有其他触发单击事件的事件？
下面是一个例子，请参阅。如果我用鼠标按下按钮，它会像预期的那样改变颜色。但如果我选择按钮并按返回键或空格键，它也会改变颜色。
<style>
div{
width: 200px;
height: 200px;
background-color: gr
浏览 2提问于2016-03-08得票数 1
回答已采纳
我想重写可绘制的颜色属性(特别是切换拇指)并使其透明，我意识到这可以通过编程来完成，但是有没有办法在XML本身中做到这一点呢？ <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@android:color/transparent" android:state_checked="true" android:drawable="@drawable/abc_btn_switch_to_on_m
浏览 15提问于2020-01-13得票数 0
2回答
我已经创建了这个工具提示
<a href="#" title="This is some information for our tooltip." class="tooltip">CSS3 Tooltip</a>
.tooltip{
display: inline;
position: relative;
}
.tooltip:hover:after{
background: #333;
浏览 1提问于2014-05-22得票数 0
回答已采纳
1回答
我正在尝试用数据来显示图表。
[1645570986，0.4624863055203449,1645570987，0.4624863055203449,1645570988，0.468952235505014，…]
因此，时差，值，然而，时间不出现在x轴。任何人都可以给我一些建议。
function CF_real_CPU(){
'use strict';
var cpu = $.plot('#flotRealtime1', [real[0].data], {
colors: ['#ff5e5e'],
series: {
浏览 5提问于2022-02-22得票数 0
是否有办法仅通过使用css更改单选按钮的外观。但是，简单的输入收音机，不能用css标签进行调整。
就像，这是我的代码：
<input type="radio" name="radio1" class="radiostyle" value="1">
<input type="radio" name="radio1" class="radiostyle" value="2">
<input type="radio" name=
浏览 0提问于2014-04-15得票数 0
我试图做一些像这样的，，其中的图像反射显示在下面，但它不工作在IE或FireFox上。这里是我的代码，我有，有什么诀窍可以让火狐做这个吗？
.ex img {
<!--margin: 25px;-->
opacity: 0.9;
border: 1px solid #eee;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition:
浏览 5提问于2012-11-06得票数 4
回答已采纳
下面是代码片段：
Box(
Modifier
.size(48.dp, 48.dp)
.background(Color.Transparent)
.align(Alignment.CenterEnd)
)
{
Box(
Modifier
.size(height = 35.636363.dp, width = 41.818181.dp)
.align(Alignment.CenterEnd)
.clip(RoundedCornerShape(
浏览 1提问于2021-09-30得票数 0
回答已采纳
2回答
我尝试编辑css选择器的值:after，但它在jQuery中不起作用
$('.triangle-right.left:after').css("border-color","transparent #fff");
该怎么办呢？
CSS：
.triangle-right.left:after {
top:4px;
left:-10px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:15px 15px 0 0; /* var
浏览 1提问于2013-06-11得票数 0
3回答
将标签放在文本字段的顶部
、、、
我的html：
<input type="text" value="" id="email1" class="inputfield_ui" />
<label>Email address 1</label>
我的输入字段css：
width:95%;
z-index:3;
我的标签css：
position:absolute;
display:block;
top:8px;
left:11px;
color:#CCCCCC;
z-index:1;
当我试图点击标签输入一些东西，它将不允许我这样做
浏览 2提问于2012-04-25得票数 1
回答已采纳
1回答
你能看看，让我知道为什么background-color: transparent;的CSS规则在bootstrap面板主体上不起作用吗？
#collapseOne .panel-body { background-color: transparent; }
.panel-body { background-color: transparent; }
浏览 2提问于2015-11-04得票数 3
2回答
我有很多这样的代码行，以及如何减少这些行。也请解释一下你的代码。如果有任何简单的方式来写这样的逻辑代码，请张贴链接。
$(function () {
$("#menu1").click(function () {
$(this).css({"background-color": "rgba(255, 255, 255, 0.4)"});
$("#menu2").css({"background-color": "transparent"});
$("#menu3&
浏览 0提问于2014-06-03得票数 0
我试着使用这段代码来创建一个定制的文本字段，比如材料设计。我不知道我将如何处理错误，因为当您试图单击textfield的标签(您的电子邮件)的确切位置，文本字段不允许我键入。但是，当您尝试单击textfield的标签外时，它将允许您键入。我要做的是，当您单击标签外部或标签的确切位置时，textfield将允许您键入。
<div class="form__group">
<input type="email" id="email" class="form__field" placeholder="You
浏览 0提问于2019-03-28得票数 1
回答已采纳
1回答
我理解这个问题的标题听起来是不是很下流，但我已经学习了一段时间的HTML // CSS！
我试图超链接图片本身，同时仍然保留他们的能力，以改变悬停，但我不知道如何。我目前所做的是使用文本设置为透明，使按钮链接到我想要去的地方，因为我不能链接图像本身。
。
这个密码..。
<style type="text/css">
...
.apple1 {
width:110px;
height:42px;
background:transparent url(http://i.imgur.com/DpHlf33.png);
}
.apple1:hov
浏览 3提问于2015-10-11得票数 0
回答已采纳
我正在开发一个适合使用visual disabilities的人的应用程序。如果设备的Android API大于14，我想稍微增强一下Talkback。
我有一个ListView填充了整个屏幕，其中每行只有一个TextView。由于文本可能很长，所以当用户单击文本时，我希望使用marquee和单行滚动文本。
我在没有Talkback的情况下测试了，它可以工作：
因此，我决定用Talkback active测试它。在这种情况下，我有两个问题：
有些行根本不滚动。
2-一些行滚动，但我看不到比文本不滚动时显示的文本更多的文本：
我不知道为什么有些行滚动，而有些行没有滚动，我对所
浏览 8提问于2014-01-30得票数 0
1回答
使用与支持至少ie9和优秀浏览器的纯css同等高度是一件痛苦的事。所以，我决定用js代替。如果在用户端没有启用js，那么拥有不相等的高度是我最小的问题。
不过，对于这种“等高”的情况，我有一个很具体的要求。
使用flex，在其他这样的用户的帮助下，我们可以拥有：
<div class="container">
<div class="col left">
<p>lorem ipsium</p>
<p>lorem ipsium</p>
浏览 1提问于2014-09-26得票数 1
1回答
如何标记列表查看项？
、、、、
我知道在和 one这样的问题中已经讨论过很多次了。但我不得不说这对我不起作用。
我想实现的是在特殊情况下通过我的CustomAdapter标记一个ListView项目。所以，不是通过用户并单击侦听器。通过设置一个可绘制到convertView的背景，我有了一个可行的解决方案。
现在，我想改变这一点，让一个选择器的工作，这是更清洁的解决方案。但我不能让它起作用。设置按下项的行为并设置不同的颜色没有问题。，但在按下该项后，我无法将其标记为选定的。
我用我的listview_item_selector和listview_selector尝试了不同的组合。我想，我错过了一些非常笼统的东西。这就是为什么
浏览 7提问于2013-09-19得票数 0
回答已采纳
在我的应用程序中，我经常按照以下布局动态更新TextView的内容：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container_view"
and
浏览 1提问于2014-07-21得票数 1
回答已采纳
1回答
我的目标是在div上叠加一个透明的按钮。当用户单击该按钮时，底层div应该会更改颜色。我尝试使用z-index，但是按钮不可点击。是否有其他CSS属性可以帮助我实现所需的功能？
CSS：
#container{
height:200px;
width:200px;
position:relative;
z-index:auto;
}
#MyHiddenButton{
float:left;
height:100px;
width:200px;
z-in
浏览 1提问于2015-08-13得票数 0
5回答
我正在尝试让select看起来像是基于某种条件的span。我有下面的css类，它可以很好地处理输入框，但它不能处理下拉框。如何才能使select看起来像span，而不是用span替换select？
jQuery函数
function makeReadOnly(context) {
$('input, select', context).each(function() {
$(this).addClass('readOnlyInput');
});
}
CSS
.readOnlyInput
{
border-width: 0;
ba
浏览 0提问于2012-03-03得票数 0
回答已采纳
1回答
我想为我的页面上的选择元素一个很好的样式。所以我创建了一个css：
.selectWebDropDown
{
background-color:Transparent;
background: url(../Images/ddl_Normal.png) no-repeat right #FFFFFF !important;
border: 0px solid #FFFFFF;
padding:4px;
line-height: 21px;
}
.selectWebDropDown:hover
{
background-color:Transpare
浏览 0提问于2012-02-22得票数 0
回答已采纳
我希望根据groupPosition在ExpandableListView中隐藏组指示符。
我不会像下面这样在ExpandableListView下使用任何自定义组指示符。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_empty="true" android:drawable="@android:color/transparent"/>
<item android:state_exp
浏览 2提问于2014-05-07得票数 0
回答已采纳
1回答
我试图在ControlsFX SegmentedButton中添加一个边框。当我改变背景色时，它们保持正确的形状，如上面的图像所示。
下面是CSS：
.segmented-button{
-fx-focus-color: transparent;
-fx-faint-focus-color: transparent;
-fx-background-color: -color-background-light-purple;
}
.segmented-button:selected{
-fx-background-color: -color-heading-
浏览 5提问于2018-10-12得票数 2
回答已采纳
在Android 4中，从下一个屏幕导航回Webview时会忽略CSS。这是第一次可以很好地工作。
此行为仅适用于透明颜色。其它颜色工作正常。
WebView webView = new WebView(activity);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.NORMAL) ;
/**
* Default color of webview must be transparent
*/
webView.setBa
浏览 0提问于2012-05-22得票数 1
回答已采纳
我有一个具有以下样式的元素
<ul class="textboxlist-bits" style="background-color: transparent;">
现在我想根据style属性选择元素。
css选择器ul [style="background-color: transparent;"]在那里不起作用。
请推荐一个合适的选择器来识别这样的元素。
浏览 0提问于2012-02-24得票数 3
回答已采纳
我有4个按钮，用于切换显示的内容。只要按下其中一个按钮，就会突出显示：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/bottom_selected" android:state_pressed="true"></item>
&l
浏览 1提问于2012-06-23得票数 0
1回答
在这个项目中，我将django与纯css和js结合使用，我的网站似乎消耗了大量的cpu，而且我使用的是带有css的渐变动画：
body {
background: linear-gradient(to right, rgb(247, 85, 202), rgb(18, 103, 248));
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
.nav-link,
.navbar-brand,
.nav-link:hover,
.navbar-brand:hover {
backg
浏览 4提问于2022-05-03得票数 0
回答已采纳
当我通过进行CSS验证检查时，我收到了大量类似下面列出的警告。
> 513 Same colors for color and
> background-color in two contexts
> #blue_module and #red_module_top 513 Same colors for color and
> background-color in two contexts
> .content ul li and #red_module_top 513
> Same colors for color a
浏览 0提问于2010-05-08得票数 3
回答已采纳
我想使用安卓绘图工具创建与中描述的形状相同的形状，并使用圆形按钮填充创建的圆圈，是否可以创建此形状(而不是圆形按钮)？最好只使用drawables和xml，但我想使用画布和画布也可以。
到目前为止，我正在考虑使用的解决方案在所需位置创建一个透明圆：
Paint mPaint = new Paint();
mPaint.setColor(0xFFFFFF);
mPaint.setAlpha(0);
mPaint.setAntiAlias(true);
mPaint.setColor(Color.TRANSPARENT);
mPaint.setXfermode(new PorterDuffXfer
浏览 2提问于2016-09-30得票数 0
1回答
有没有可能，在下面的field中，允许用户通过在<input>字段中输入数据来动态创建闪存卡？
如果这是可能的，如果能提供一个新的小提琴，我将非常感激，因为我是编码新手。
谢谢!
$(function(){
var maxCards = $('.card').length;
// turn card
for (var i = 1; i <= maxCards; ++i) {
$('._' + i).click(function(){
$(this).addClass('flipped');
浏览 1提问于2016-02-26得票数 1
1回答
按CSS特性排序
、、、
我的主要目标是尝试根据特性重新排序CSS样式块。我以前从那里得到了帮助，我成功地实现了这个功能。。
下面是一个示例：
function specificity($selector){
// https://gist.github.com/2774085
}
$compare = function($a, $b) use ($specificity) {
return $specificity($a) - $specificity($b)
};
$array = css_array();
uksort($array, $compare);
在我遇到这个CSS之前，上面的内容一直运行
浏览 0提问于2012-05-23得票数 8
回答已采纳
我选择了下拉框，并使用styled-select包装器实现了一些定制的css样式：
HTML:
<div class="styled-select">
<select name="example_length" aria-controls="example" class="">
<option value="10">10</option>
<option value="25">25</option>
<option val
浏览 9提问于2016-01-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
