按钮是图形用户界面中的简单元素，可以将鼠标点击或手指点击（在移动设备上）作为输入。
在调整视口大小之前，不会显示来自 Sharethis.com 的共享按钮
我添加了来自 Sharethis.com 的共享按钮。当我刷新页面按钮时，不会出现，但当我调整 wievport 大小时，它会出现。 ` 我添加了来自 Sharethis.com 的共享按钮。当我刷新页面按钮时，不会出现，但当我调整 wievport 大小时，它会出现。 ` <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=63a323358fb8b6001abbbf6b&product=inline-share-buttons&source=platform" async="async"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <title>Article preview component</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@500&display=swap" rel="stylesheet"> <script src="https://kit.fontawesome.com/7ab7d5ca64.js" crossorigin="anonymous"></script> <style> body { font-family: 'Kumbh Sans', sans-serif; background: hsl(240, 5%, 91%); } .arrow { width: 70px; } .pop { width: 15rem; right: 16rem; top: 14rem; } .arrow { width: 5rem; color: black; } #share { color: white; } </style> </head> <body> <div id="fb-root"></div> <div class="container mt-5"> <div class="card shadow-lg"> <div class="row"> <img src="./images/drawers.jpg" alt="drawer image" class="col-4"> <div class="col-6 p-4"> <h1>Shift the overall look and feel by adding these wonderful touches to furniture in your home</h1> <p>Ever been in a room and felt like something was missing? Perhaps it felt slightly bare and uninviting. I’ve got some simple tips to help you make any room feel complete.</p> <div class="row"> <img src="./images/avatar-michelle.jpg" alt="michele image" class="col-2 rounded-circle"> <div class="col-6 mt-3">Michelle Apleton <br> 28 Jun 2020</div> <div class="bg-light rounded-circle col-1 p-3 m-3 d-flex justify-content-center" id="button"> <img src="./images/icon-share.svg" alt="" class=""> </div> <div class="pop position-absolute end-10 d-none" id="popup"> <div class="row bg-dark rounded text-white py-1 d-flex justify-content-center align-items-center"> <div class=" col-4 p-2">SHARE</div> <div class="col-8 zet sharethis-inline-share-buttons"></div> </div> </div> </div> </div> </div> </div> </div> <script> let changeClass = document.getElementById("button").addEventListener('click', () => { document.getElementById("popup").classList.remove("d-none") document.getElementById("popup").classList.add("d-block") }) </script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> </body> </html> ` 我把他们的头部代码放到了头部。我尝试了 Z-index，但直到调整视口大小才出现，缩小或扩大并不重要，在这两种情况下都会出现。 我发现了共享按钮默认显示 1 个共享按钮但在视口（窗口）调整大小后显示所有按钮的问题。 这对我来说是一个问题，因为我使用模式弹出窗口来包含共享按钮。 所以我必须将其添加到触发按钮的js文件中： setTimeout(function () { window.__sharethis__.initialize(); }, 150); 需要 150 毫秒的延迟才能给模态时间完成加载。 我的特定项目的完整代码如下所示： openShareButtonFromContentPage: function (videoId, isVideo) { $("#hiddenFieldContentPreviewId").val(videoId); appUi.openModal('modalShare', isVideo ? "Share Video" : "Share Article"); /*console.log("Delay Share This Initializing"); */ $("#hiddenButtonOpenInfo").click(); setTimeout(function () { window.__sharethis__.initialize(); }, 150); },
如何在 Visual Studio 中使 Winforms 中的文本完全可见
解决此问题的问题 按钮文本中的单词不完全可见。如何使其完全可见、清晰？ 单词被垂直分割，其中按钮的背景颜色被消耗......
在 React-Native 中识别平面列表中的按钮时出现问题
我是 React-Native 的新手，我在识别 React-Native 的平面列表中按下哪个按钮时遇到问题。我可以让它们全部改变，但我想让它们单独改变。我
字体与MessageBox和自定义Form按钮不同。 $size = 新对象 System.Drawing.Size(350, 154); $form = New-Object System.Windows.Forms.Form; $form.BackColor = [系统.绘图.
有没有办法在CSS中创建这样的按钮？带有“博客”文字的。我尝试在每个角添加一个 div，给这些 div 边框并旋转它们，但正如你所看到的（Anout Me btn）它我...
我正在尝试构建一个带有清晰按钮的搜索字段，当我输入一些文本时，该按钮就会出现。但是我尝试使用三元条件来显示我的按钮，但它从未出现。 提前致谢 这是我的课程： `
Power BI 中用于下载 Excel 文件和启动 ADF 管道的按钮
经过一番研究，我对Power BI中的按钮有2个疑问： 是否可以通过 Power BI 上的按钮下载只是模板的 Excel 文件？ 是否还可以有一个按钮
我试图阻止 siteListFragment.kt 中 else 语句中的对话框自动关闭，但尽管我做出了努力，对话框还是会自行关闭。 这是我的代码： siteListFragme...
在此处输入代码我尝试克隆 Twitter 新闻提要。在个人资料部分尝试重新创建编辑个人资料按钮： .editprofile ，但不幸的是，由于某种原因我无法向右移动我的元素，最后...
请帮我在脚本中添加html div标签 ` const 按钮 = this.createElement("div"); Button.classList.add("start_button"); 让边框= 0； 如果（t...
当我按住 btnn 类的按钮并向左和向右移动鼠标光标时，我希望按钮移动（向左和向右），并在释放鼠标光标时停止移动。 当我按住类 btnn 的按钮并向左和向右移动鼠标光标时，我希望按钮移动（向左和向右），并在释放鼠标光标时停止移动。 <div class="box1 d-flex flex-column justify-content-between h-100"> <div class="target d-flex gap-3"> <div class="block1"> <div class="square1"></div> <div class="square1"></div> <div class="square1"></div> </div> <div class="block1"> <div class="square1"></div> <div class="square1"></div> <div class="square1"></div> <div class="square1"></div> <div class="square1"></div> </div> <div class="block1"> <div class="square1"></div> <div class="square1"></div> <div class="square1"></div> </div> </div> <div class="Targeter"> <div class="btnn"></div> </div> </div> const moveButton = document.getElementById('moveButton'); let isMouseDown = false; moveButton.addEventListener('mousedown', () => { isMouseDown = true; moveButton.style.cursor = 'grabbing'; }); document.addEventListener('mouseup', () => { isMouseDown = false; moveButton.style.cursor = 'grab'; }); document.addEventListener('mousemove', (event) => { if (isMouseDown) { moveButton.style.left = `${event.clientX - moveButton.clientWidth / 2}px`; moveButton.style.top = `${event.clientY - moveButton.clientHeight / 2}px`; } });
单击“Hinzufügen”按钮（德语）后，使用“Fertig”按钮关闭“AddView”不再起作用。然而，如果事先没有点击“Hinzufügen”，则“
单击“Hinzufügen”按钮（德语）后，使用“Fertig”按钮关闭“AddView”不再起作用。然而，如果事先没有点击“Hinzufügen”，则“
我正在创建一个侧栏，用于在谷歌表格中输入数据。脚本中的所有内容似乎都在工作，直到我到达单击执行部分。当我点击按钮时，没有任何反应...
我正在尝试构建一个模块化表格，可以在令人作呕的表格周围复制和粘贴。我正在使用一个宏来构建它，该宏将根据与按钮相关的引用来执行任务......
如何编写一个函数来处理多个 onclick 事件，从而切换字段的可见性
我编码时间不长，而且我对 javascript 很陌生。我正在制作一个简单的网页，该网页将显示和隐藏句子的一部分，以达到学习外语的目的。有没有办法写一个
我正在尝试制作一个带有 svg 图标的按钮。但是 svg 图标在按钮中占用了周围的空间，就像周围的边距一样。 我是用这个 svg 代码制作的 - 我正在尝试制作一个带有 svg 图标的按钮。但是 svg 图标在按钮中占用了周围的空间，就像周围的边距一样。 我是用这个 svg 代码制作的 - <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="656.43794" height="512.49902" viewBox="-50.21898,227.25048,656.43794,512.49902"><g fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="30" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M579.23627,312.09078l-371.74723,371.74722l-28.9288,28.9288c-15.97694,15.97694 -41.88067,15.97694 -57.8576,0l-28.9288,-28.9288l-115.01012,-115.01012c-15.97694,-15.97694 -15.97694,-41.88067 0,-57.8576c15.97694,-15.97694 41.88067,-15.97694 57.8576,0l115.01012,115.01012l371.74721,-371.74721c15.97694,-15.97694 41.88067,-15.97694 57.8576,0c15.97694,15.97694 15.97694,41.88066 0.00001,57.85759z" id="Path 1"/></g></svg>. 这是我用来操作按钮的 js 代码 - async function submitClicked() { local1 = document.getElementById("submitButton"); if (document.getElementById("textInput").value.trim() !="") { document.getElementById("textInput").style.borderBottom = "3px solid green"; document.getElementById("textInput").disabled = true; local1.style.width = '55%'; await sleep(0.25); local1.innerHTML = `Redirecting <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="checkmark" width="656.43794" height="512.49902" viewBox="-50.21898,227.25048,656.43794,512.49902"><g fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="30" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M579.23627,312.09078l-371.74723,371.74722l-28.9288,28.9288c-15.97694,15.97694 -41.88067,15.97694 -57.8576,0l-28.9288,-28.9288l-115.01012,-115.01012c-15.97694,-15.97694 -15.97694,-41.88067 0,-57.8576c15.97694,-15.97694 41.88067,-15.97694 57.8576,0l115.01012,115.01012l371.74721,-371.74721c15.97694,-15.97694 41.88067,-15.97694 57.8576,0c15.97694,15.97694 15.97694,41.88066 0.00001,57.85759z" id="Path 1"/></g></svg>` local1.disabled = true; } else { document.getElementById("textInput").style.borderBottom = "3px solid red"; local1.style.background = 'red'; local1.style.width = "50%"; local1.innerHTML = `Submit <i class="fa-solid fa-xmark"></i>` } } 单击按钮并操作文本时，会触发 SubmitClicked 函数。 我的CSS： #submitButton { display: flex; justify-content: space-evenly; align-items: center; margin-top: 2vh; color: black; fill: black !important; background: var(--theme); border-radius: 1rem; font-family: var(--font1); transition: background ease 0.5s, color ease 0.5s, border-radius ease 0.5s, width ease 0.5s, fill ease 0.5s; height: 10%; width: 40%; border: none; text-align: center; font-size: 3vw; padding: 1rem; } #submitButton:hover { cursor: pointer; } #checkmark { width: 50%; height: 50%; margin: 0; padding: 0; } 我期望的是删除图标周围的额外边距。我也尝试过做margin: 0和padding: 0，但效果不佳。 使用justify-content: space-between代替space-evenly，这样两侧就没有多余的空间了。
当我将鼠标悬停在 1 个按钮上时，我希望在 WPF 中更改另一个按钮的不透明度
我想将鼠标悬停在 1 个按钮上，然后另一个按钮的不透明度缓慢变化（淡出），在 XAML 代码中使用 WPF (C#) 中的动画。 我想要更改的按钮有 x:Name=”
我正在尝试实现一个带有黑色容器颜色和白色边框的按钮，但是笔划的边缘也在其上添加了黑色，我不知道为什么。 代码： @可组合 有趣的按钮（）{ ...
将按钮移至另一个类 JPanel - Becker Robots
我正在使用贝克尔机器人制作一个两人棋盘游戏。一名随机者和一名人类（我）。 玩家应该点击向上、向下、向左、向右按钮。 到目前为止：我已经创建了 2 个类。一个