如果aria-label出现在div中，则使按钮不显示
。
aria-label是一种用于为元素提供可访问性标签的属性。它用于描述元素的目的或功能，以便屏幕阅读器和其他辅助技术可以正确地解读和呈现内容。通常，aria-label用于按钮、链接或其他交互元素，以提供更好的可访问性。
当aria-label出现在div元素中时，它通常用于为div元素提供可访问性标签，以描述div的目的或功能。然而，由于div元素本身不是一个交互元素，它没有显示的默认行为。因此，将aria-label应用于div元素并不会直接影响按钮的显示。
要使按钮不显示，您可以使用CSS样式来隐藏按钮。您可以为按钮的父级div元素添加一个CSS类，并在样式表中定义该类的display属性为none。这将使按钮在页面上不可见，但仍然可以通过其他方式（例如键盘导航）进行访问。
以下是一个示例：
HTML代码：
<div class="button-container" aria-label="按钮容器">
<button>按钮</button>
</div>CSS样式：
.button-container {
display: none;
}在这个示例中，通过将按钮的父级div元素的display属性设置为none，按钮将不会在页面上显示。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
1回答
我关注了MSDN上的教程。html/javascript metro样式应用程序的默认后退按钮不会出现在任何地方。
然后我创建了新的项目(网格应用程序，空白应用程序，导航应用程序)，即使它是在代码中定义的，它也不会显示。但是，从Windows应用商店安装的其他应用程序都显示“上一步”按钮。
还有谁对后退按钮有这个问题吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>homePage</title>
&l
浏览 3提问于2012-08-17得票数 2
回答已采纳
我正在努力提高按钮的可访问性，该按钮可以测试连接。如果连接成功，则按钮文本更改为“成功”。如果没有，则改为“不工作”。它们看起来是这样的：
<button aria-label="success">Success!</button>
<button aria-label="failure">Not Working</button>
我试图找到一种方法来提醒用户按钮的内容变化。到目前为止，我已经添加了aria标签来读取“成功”或“不工作”标题，但是只有当用户选项卡/移动离开按钮，然后在状态改变后再回到它上，这些标签
浏览 0提问于2018-06-07得票数 4
回答已采纳
2回答
主动引导按钮
、、
我一直在玩引导按钮组，以显示和隐藏div在我的网页上。也许我是哑巴，但谁能指出我的正确方向，使选定的按钮激活时，点击？
HTML (按钮)：
<div class="btn-group" role="group" aria-label="...">
<button id="1" type="button" class="btn btn-default">Button 1</button>
<button id="2" ty
浏览 7提问于2015-06-16得票数 2
回答已采纳
1回答
在我的观点结束时，我有两个按钮：
<table>
<tr>
<td>
<div class="Left"><input type="submit" value="Test" class="button"/></div>
</td>
<td>
@if (Model.Test != null)
{
浏览 8提问于2015-07-02得票数 0
回答已采纳
我试图在一个组件中调用另一个组件中的模态(使用Mdbootstrap创建)，但我很难在Angular中做到这一点。好的，这是模式的代码: editComponent.html：
<div mdbModal #basicModal="mdbModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myBasicModalLabel" aria-hidden="true">
<div class=&
浏览 0提问于2020-03-23得票数 0
2回答
我有下面的代码来显示一些按钮和下拉菜单。
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group" role="group" aria-label="Toolbar Group">
<button type="button" class="btn btn-default as
浏览 2提问于2015-02-17得票数 0
回答已采纳
我有一个带有引导4的按钮组，一切都很好。
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-outline-secondary">Left</button>
<button type="button" class="btn btn-outline-secondary">Middl
浏览 0提问于2017-11-04得票数 0
回答已采纳
当使我的软件ARIA可访问性启用时，我面临一个小困难。任何帮助都将不胜感激！
我有一个div，它作为一个“编辑”按钮，使用jQuery点击事件。我正在更改按钮‘保存’的文本点击事件。屏幕阅读器像JAWS一样，当焦点第一次出现在该按钮上时，会读到“编辑按钮”。
但是我想让下颚认识到在点击事件之后发生的变化，也就是点击JAWS之后应该读"Save按钮“。有什么帮助吗？(请注意，即使在单击之后，焦点仍停留在同一个按钮上)
div/按钮的HTML代码：
<div role="button" class="js-btn" aria-label="Ed
浏览 3提问于2017-07-04得票数 1
回答已采纳
我正在查看的按钮组，下面是：
<div class="btn-toolbar mb-3" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group mr-2" role="group" aria-label="First group">
我找不到任何解释“先生-2”到底做了什么。工具栏的"mb-3“也是如此。
有人能给我解释一下吗？如果我没有互联网，我怎样才能找到这样
浏览 1提问于2018-03-23得票数 0
回答已采纳
2回答
我读过这个链接
我的问题有点不同
我有一个网页，其中div的查看是由JS控制的。
现在假设我是在div1上，一旦我点击了change div图标，div2就会出现，div1就消失了，现在如果有人按下安卓上的后退按钮，它就会出现在上一页上，我想显示div1隐藏div 2<code>E 210</code>。
有什么帮助吗？
浏览 1提问于2012-02-27得票数 0
回答已采纳
代码如下： <div id="rr"><Tooltip title="dd" aria-label="add">
<div className="card_title_text" onClick={() => document.getElementById('rr').remove()}>rrrr</div>
</Tooltip></div> 单击标题时，元素被移除，但全局工具提示仍然位于页面上，该如何修复?我需要使
浏览 13提问于2021-03-24得票数 0
此错误导致脚本失败。错误:元素(".WONDERESC")在3000ms后仍未显示
尝试了Xpath的不同组合，(相对的、固定的、text()}和CSS选择器，但是按钮没有点击。代码块中的登录按钮 div：
<div>
<div class="WONDERBSC" role="form">
<div>
<div class="WONDERJ1B" data-automation-id="userName">
浏览 1提问于2020-10-09得票数 0
如果在Django proyect中将Sticky-top函数添加到导航条中，我会遇到一个问题。导航条是响应的，可以通过点击一个按钮来解压，但是我希望当te用户向下滚动时，它总是出现在顶部。
我正在使用下一个代码：
<div id="navBar"><!--Barra de navegación-->
<nav class="navbar navbar-expand-lg navbar-light sticky-top" id="mainNavbar" >
<div class=
浏览 0提问于2021-02-22得票数 0
回答已采纳
1回答
引导3推拉和可访问性
、、、、
我试图使我们的网页更容易访问，并对推/拉部分的标签顺序感到困惑。
下面是一个示例：
<section class="section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<a href="#" aria-label="Lorem ipsum" target="_blank"
浏览 1提问于2020-10-09得票数 0
回答已采纳
1回答
我有一个图像模式，用户可以上传或粘贴图像。这两种方法都很好，但目前我在模式上有按钮捕捉焦点，所以粘贴只能通过手动单击按钮外部的方式工作。如果这个组件有焦点，或者组件中的任何东西都有焦点，我希望任何粘贴都能工作。
<div onPaste="onPaste()">
<button class="__cancel" aria-label="Close" onClick="onClickCancel()">
<button ... upload .../>
</div>
是否有办法
浏览 0提问于2021-10-25得票数 1
回答已采纳
我有一个使用form_for创建的按钮
<%= form_for(current_user.likes.build, remote: true) do |f| %>
<div><%= hidden_field_tag :post_id, post.id %></div>
<button type="submit" class="btn btn-secondary">
<i class="fa fa-heart-o"></i> Like
</butto
浏览 2提问于2016-01-24得票数 1
回答已采纳
4回答
我正在尝试使用input-group来显示数量“Qty”的输入。标签和“添加到篮子”按钮-所有内联。input-group像预期的那样变得全宽。
如何输入固定宽度(40像素)并使按钮全宽？默认行为是输入的全宽(而不是按钮)。在我的情况下是没有用的，因为我希望输入的数量小，按钮尽可能大。
<div class="input-group">
<input type="text" class="form-control" aria-label="Amount (rounded to the nearest dollar)&
浏览 2提问于2019-09-25得票数 0
2回答
我正在尝试使用angular材料中的FAB按钮，然而，我在正确定位按钮以使其浮动在我的页面上的主要内容时遇到了问题，这是我的代码片段：
<div layout="row" ng-cloak>
<div layout="column">
<div flex>
<md-fab-speed-dial md-open="false" md-direction="down" ng-class="'md-scale'">
&
浏览 0提问于2016-08-06得票数 1
1回答
我有一个关闭按钮
<p><span class="glyphicon glyphicon-remove" aria-label="Close"></span></p>
<div id="tag1" class="tag">
<p class="p1">Dog Info</p>
<video id="VideoA1" class="VideoA">
浏览 1提问于2015-12-12得票数 2
回答已采纳
在这个else语句中，我试图说明如果在uCW目录中存在一个值为“aria-label”的注释，就不要添加该按钮。否则，添加该按钮。什么都没有出现。 else {
if ($(uCW).find([aria-label=="Comment"]))
{rollback}
else
{more.before(button);}
} 这是我尽量不去添加按钮的aria-label (它在uCW和很多div中) <div class
浏览 44提问于2020-05-01得票数 0
html结构如下所示
<div>
<a href="#"> some info
<div role="button" tabindex ="0"
aria-label = "close"
/>
</a>
</div>
当使用屏幕阅读器时，a标签读取“关闭一些信息”，然后单击焦点按钮，它再次显示为“关闭”。所有我想要的a标签读取的是“一些信息”和按钮读取“关闭”。我应该做什么改变？我无法更改HTML结构。
jsfiddle
浏览 0提问于2017-11-28得票数 1
我的html：
<div class="container">
<div class="row d-none d-md-block d-xl-none" id="PrescriptionTitle">
<div class="col-sm-6">
<span for="" class="text-left">Brand Name</span>
</div>
<di
浏览 0提问于2018-09-11得票数 0
我有这个问题，只有当它显示在移动设备上时，才会影响我的网站。
在桌面浏览器上，它看起来如下：
我的精彩游戏X
PriceHistory
然而，在手机上，关闭'X‘按钮出现在标题下，如下所示：
我的精彩游戏
X
价格历史
我的CSS：
#TitleContainer {
padding-bottom: 10px;
float: left;
}
#CloseControl {
padding-right: 10px;
float: right;
}
.PriceHistory {
clear: both;
}
HTML：
<div
浏览 3提问于2020-06-04得票数 0
回答已采纳
3回答
引导4使警报出现在行的顶部
、、、、
我有一个警报div和一个容器中的一行，当我关闭警报时，行内容会向上移动。我希望使警报出现在行内容上，以便在关闭它时不会发生任何事情。
<div class="container">
<div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>TEXT</strong>
<button type="button" cl
浏览 5提问于2018-02-12得票数 0
回答已采纳
2回答
我正在努力制作多个单选按钮，当我选择另一个单选按钮时，它会给我提供选定的值，而前一个单选按钮会自动取消选择。
它也没有显示所选单选按钮的值。我试图在"handleChange“事件上使用onChange函数，但得到了”未定义的handleChange“错误。
这是我的密码。
const InspectionsForm = () => {
const [state, setState] = useState();
const handleChange = (e) => {
const { name, value } = e.target;
浏览 5提问于2021-06-20得票数 0
回答已采纳
我已经构建了一个jquery功能，当用户按下相应的按钮(隐藏/禁用等)时，我希望禁用整个功能。
为此，我使用了
$('#id').hide()；
它只隐藏网页上的功能元素，而不隐藏功能(希望你能理解这一点)，就像我可以删除文本框中的文本，但不能删除文本框本身(奇怪的例子)我想要的是使div(要显示的功能的div出现)
还有一件事，即使当元素被隐藏时，在刷新网页时，相同的元素再次出现在字段中
浏览 3提问于2011-05-26得票数 0
1回答
CSS响应按钮位置
、、、
现在，我试图使我的模态响应，但“保存”按钮不是我想要的定位。我想一直把按钮放在同一个位置，但现在它正在消失。我的HTML和css看起来如下
.delete{
font-size: 16px;
max-width: 100%;
max-height: 60vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
.delete .text-div{
padding: 3px;
}
.delete .button-div{
display: inline
浏览 6提问于2022-05-24得票数 0
回答已采纳
我想知道是否可以这样做。将<button>封装在<div>中，该<div>包含在父<div>中。悬停在子<div>上有一个下拉信息面板，其中显示电子邮件和电话号码等信息。我已经在这方面工作了一段时间(参见下面的小提琴链接)，但是我不能让下拉框出现在父<div>之外的任何地方，而且，下拉框应该直接出现在按钮的正下方，而不是按钮本身的顶部。
按钮名称为“联系人”
浏览 13提问于2018-08-04得票数 0
回答已采纳
2回答
我正试图在网络上实现的连锁反应。
我有以下虚拟HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bundle.css">
</head>
<body>
<button class="mdc-fab" id="first" aria-label="First">
<div
浏览 11提问于2020-07-23得票数 0
回答已采纳
1回答
我正在使用bootstrap，目前我有一个警告框：
<div class="alert alert-secondary alert-dismissible" id="delAlbumAlert">
<span><strong>Delete Album!</strong> Select the album(s) you want to delete.</span>
<button type="button" class="close" aria-label=&
浏览 9提问于2018-08-07得票数 0
回答已采纳
请看一下这个。
如果在Line #186上看到Advanced上载器，则多重属性设置为false：
<div className="card">
<h5>Advanced</h5>
<FileUpload
multiple={false}
name="demo[]"
url="https://primefaces.org/primereact/showcase/upload.php"
onUpload={onUpload}
accept=
浏览 5提问于2021-12-17得票数 0
2回答
引导中的动态按钮组
、、、、
我想知道是否有一种方法可以使按钮组动态化，例如：在结果中您可以看到第一行和第二行。
如何创建或使其动态，以便当我单击按钮时，它调整位置并获得活动状态？
按钮1处于活动状态时：
按钮2处于活动状态时：
等等..。
因此，一个按钮组或工具栏的作用类似于这两个组，现在它是重复代码。
这个想法是active按钮非常突出，但是现在它是重复的代码，并且可能有更多的动态解决方案，欣赏指导或帮助。
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button gr
浏览 0提问于2016-02-08得票数 3
回答已采纳
5回答
我正在做的事情：
<ul class="abc">
<li class="xyz">
<a href="www.something.com">
<div>
<h2>
<div>
<div class="theText">
<div>Get this text</DIV>
</div>
</div>
</h2&g
浏览 5提问于2022-10-14得票数 0
回答已采纳
我在建造一个机器人。我得到了这个html页面，我点击了一个按钮(type=“提交”)。当它出现时，它会弹出一个小窗口，比如确认框。我不能查看这个确认框的源代码，因为它没有显示在html代码中。但是，在javascript控制台中，我从消息框中获得了以下代码：
<div class="confirmation-box" id="pop" role="dialog" aria-labelledby="confirmation-msg">
<div><div style="text-align: l
浏览 1提问于2017-10-22得票数 0
回答已采纳
1回答
如何将材料-ui工具栏分为左右两部分。例如，这是我的工具栏
let EnhancedTableToolbar = props => {
const { numSelected, classes ,deletefunc} = props;
return (
<Toolbar
className={classNames(classes.root, {
[classes.highlight]: numSelected > 0,
})}
>
<div className={classes.tit
浏览 0提问于2019-04-08得票数 1
回答已采纳
2回答
我正在尝试使用bootstrap 4编写一个导航栏，它将显示一个可折叠的按钮，屏幕尺寸为xs或更小。我做到了这一点，然而，当点击按钮时，导航链接将按钮和品牌名称向下推，并出现在它们上方的导航栏中。我希望它们出现在导航栏的下方。
有人能帮我吗？
<header>
<nav class="navbar navbar-default">
<div class="container-fluid bg-light ">
<div class="navbar-brand
浏览 2提问于2018-02-21得票数 0
1回答
我正在创建两个按钮组。每当我单击第二个按钮组中的一个按钮时，已经从第一组中选中的按钮将被取消选举。我只能选择两个组的一个按钮。我想从每个组中选择一个按钮。
<li class="col-md-12 panel-select">
<div class="col-md-2">Subject</div>
<div class="col-md-9" id="">
<div class="btn-group" role="
浏览 1提问于2017-07-21得票数 0
回答已采纳
1回答
我在我的表单模式中使用了CKEditor django插件。但是当我尝试显示CKEditor下面的ADD按钮时，这个按钮根本没有出现在UI中。
如下图所示，我目前将Add按钮保留在CKEditor文本框的顶部，因为它放在底部时不会出现。
下面的代码片段是
<div class="row">
<div class="col-md-12">
<div class="form-group">
<lab
浏览 1提问于2020-02-06得票数 0
我已经创建了一个从SQL服务器拉取数据的基本React项目。我希望这能够被有条件地呈现，取决于什么按钮已经被点击。 这是我的Display Users组件，它在我的AdminViewUsers组件中使用(实际上是显示用户的组件)。 import React, { Component } from 'react';
import './customers.css';
class DisplayUsers extends React.Component{
constructor(){
super();
this.state= { users
浏览 10提问于2019-12-31得票数 0
回答已采纳
我有一个TreeView组件，我呈现在一个选项组件旁边，该组件保存按钮。
return (
<div
style={{ display: "flex", flexDirection: "column", height: "100%" }}
>
<Options />
<div
onClick={stopPropagation}
>
浏览 13提问于2022-11-24得票数 0
3回答
我是ReactJS的新手。如果事情这么简单，请原谅我。
我正在尝试将单选按钮组件(RadioButton.js)注入主页。以便单选按钮出现在主页上。就像个孩子。从RadioButton.js可以看到，我有两个单选按钮。它们的值是buttonOne和buttonTwo。
我想要实现的是，当选择buttonOne时，我想显示<TablePage/>组件。否则，<StickyHeadTable />
RadioButton.js
export default function FormControlLabelPosition() {
const [value, setVa
浏览 4提问于2019-11-06得票数 1
回答已采纳
1回答
文本未显示在弹性行中
、、、
我的外部div有d-flex flex-row，我总共有三个sub。其中两个是btn-group，另一个是带有文本的div。我把所有这些都放在另一个div中，我有center-block类。为了让这些sub显示出来，我把它们变成了z-index: 1。按钮正在显示，但文本未显示。
<div class="center-block">
<div class="d-flex flex-row">
<div class="btn-group" role="group
浏览 3提问于2018-07-21得票数 0
在我们的网站中，有一个div元素，它的角色是"dialog“，还有一个aria-label属性。
它适用于以下组合：
Voice Over + Google Chrome / Mozilla Firefox / Safari
NVDA + Google Chrome / Mozilla Firefox / Internet Explorer
但是，当我们使用以下命令时，它会被完全忽略：
NVDA + Microsoft Edge(*)
(*)它实际上可以在旧版本的Edge (38)上运行，但不能在最新版本: 42上运行。
这是元素：
<div role="dialog&#
浏览 0提问于2018-07-19得票数 1
用硒做了几种方法，但对我没有用。
bot.find_element_by_css_selector('[data-testid="like"]').click()
bot.find_element_by_xpath("//a[@aria-label = 'Like']/*[name()='svg']").click()
bot.find_element_by_xpath("//a[@role = 'button']").click()
//编辑/我试图在这条推特
浏览 2提问于2019-11-19得票数 0
回答已采纳
2回答
我有一个下拉按钮和一个输入字段。如果单击该按钮，它将显示一个名称列表(用JSON编写)。我想补充以下几点，但我不知道如何做到：
在选择名称时，我希望它出现在输入字段中。
在输入字段中写入时，我希望列表出现(结果与该字母相对应)。
我希望尽可能多地使用角，但当然，我需要常规的javascript或JQuery，这也很好。如果你有问题请告诉我。
<div class="input-group-btn">
<button type="button" class="btn btn-default dropd
浏览 0提问于2015-04-18得票数 1
我已经建立了我的投资组合网站，以便你可以隐藏/显示我的工作的不同类别-品牌，艺术等。
为了做到这一点，我创建了隐藏/显示按钮，并动画了一个十字X，将45度旋转成一个加号，以指示单击它将分别隐藏还是显示类别。希望这是合理的。
为此，我使用了以下代码
Javascript：
$(function() {
$("#buttonDigital").click(function() {
$(".DigitalImg").toggleClass("DigitalImg-change");
浏览 3提问于2015-01-22得票数 2
回答已采纳
1回答
如果我在日历中单击某个特定日期以进行约会--一个模式显示为选择用户、服务、日期和时间以及离开注释，该模式有两个按钮，第一个按钮用于约会，第二个按钮用于取消约会，问题是，如果我想选择另一个日期，我会看到两个事件，一个是我之前单击的事件，另一个是当前事件，如果单击作出约会按钮，两个约会将被创建，而我不会这样做。
请注意，当我单击Cancel按钮时，如何删除最后单击的事件。
更新：
日历块
<div class="row">
<div class="col-sm-12">
<h3 class="page
浏览 2提问于2017-05-25得票数 0
我有一个名为text的div，在它旁边，我想要一个按钮，它应该占用屏幕的剩余宽度，所以我将按钮的宽度设置为100%，但是它把它作为屏幕的100%，并显示在文本div下面。我如何使它的按钮是100%的宽度，它的父div，而不是整个屏幕，所以它都出现在同一行，而不设置一个宽度的文本div？这是一个。谢谢。
css
#text{
float:left;
}
div{
border:1px solid red;
}
button{
width:100%;
}
html
<div id = "text">text<
浏览 17提问于2015-02-12得票数 1
回答已采纳
我有一个带有州名的按钮列表，用于显示/隐藏每个州的城市列表。
点击橙色的“找到一个商店”按钮，在“只销售在商店”的旗帜，以显示用户界面在行动。
我想知道当我使用aria-pressed时是否需要使用aria-expanded。aria-expanded是否会有效地将按钮设置为按下/切换/活动/正在使用？我能摆脱aria-pressed吗？
状态按钮：
<ul id="state-list">
<li role="button" aria-pressed="true" aria-expanded="true
浏览 0提问于2019-04-03得票数 4
1回答
添加等待消息
、、、
我使用这个角码来显示登录后的通知：
<div id="toast-container" class="toast-top-right toast-container">
<div toast-component="" class="toast-success ngx-toastr ng-trigger ng-trigger-flyInOut ng-animating" style="">
<!----><button aria-label="Clo
浏览 1提问于2021-05-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
