html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

svg 和其他元素之间的白线

我有非常简单的 svg,只有一种颜色和三个多边形点。 在 Chrome 中,某些宽度的 svg 之前有一条不应该存在的白线: 顶部有一个具有相同 c 的 div...

回答 2 投票 0

如何让bootstrap列表组高亮颜色统一

我正在开发一个使用 Bootstrap 水平列表组的网站。一切都很好,但是当我将鼠标悬停在特定列表组上时,突出显示效果并没有改变背景...

回答 1 投票 0

使用 CSS 更改输入和文本区域大小(已解决)

问题不是 CSS 本身,而是我的浏览器的缓存错误 部分输入{ 最小宽度:100px; } 问题不是 CSS 本身,而是我的浏览器的缓存错误 section input { min-width: 100px; } <section id="protokoll"> <form action="protokollAbfrage.php" method="post"> <label class="h3" for="KW">New week:</label><br> <input type="text" id="KW" name="KW" placeholder="KW **" required/><br><br> <label class="h3" for="TITEL">New title:</label><br> <input type="text" id="TITEL" name="TITEL" required /><br><br> <label class="h3" for="INHALT">New subtitle:</label><br> <input type="text" id="INHALT" name="INHALT" required/><br><br> <label class="h3" for="TEXT">New text:</label><br> <textarea id="TEXT" name="TEXT" required <></textarea><br><br> <a href=""><button> <?php echo "Submit new Article";?></button></a> </form> 我尝试过类似的东西:section input { min-width: 500px; } 但这没有效果 据我所知,您希望增加输入和文本框的宽度。 要实现此目的,您可以使用 width CSS 属性 section#protokoll input, section#protokoll textarea { width: 440px; } <section id="protokoll"> <form action="protokollAbfrage.php" method="post"> <label class="h3" for="KW">New week:</label><br> <input type="text" id="KW" name="KW" placeholder="KW **" required/><br><br> <label class="h3" for="TITEL">New title:</label><br> <input type="text" id="TITEL" name="TITEL" required /><br><br> <label class="h3" for="INHALT">New subtitle:</label><br> <input type="text" id="INHALT" name="INHALT" required/><br><br> <label class="h3" for="TEXT">New text:</label><br> <textarea id="TEXT" name="TEXT" required></textarea><br><br> <a href=""><button> Submit new Article </button></a> </form> </section> 此外,我还添加了 section#protokoll 来指定要修改哪个部分的输入。

回答 1 投票 0

使用 CSS 更改输入和文本区域大小

我这里有一个简单的表单,它连接到一个css文件。我如何访问和更改输入和文本区域的具体大小 <... 我这里有一个简单的表单,它连接到一个 css 文件。我如何访问和更改输入和文本区域的具体大小 <main> <section id="protokoll"> <form action="protokollAbfrage.php" method="post"> <label class="h3" for="KW">New week:</label><br> <input value="<?php echo $item[" KW "]; ?>" type="text" id="KW" name="KW" placeholder="KW **" required/><br><br> <label class="h3" for="TITEL">New title:</label><br> <input value="<?php echo $item[" TITEL "]; ?>" type="text" id="TITEL" name="TITEL" required /><br><br> <label class="h3" for="INHALT">New subtitle:</label><br> <input value="<?php echo $item[" INHALT "]; ?>" type="text" id="INHALT" name="INHALT" required/><br><br> <label class="h3" for="TEXT">New text:</label><br> <textarea id="TEXT" name="TEXT" required <?php echo $item[ "TEXT"]; ?> ></textarea><br><br> <a href="https://djumla.dev/praktikum/protokollAbfrage.php"><button> <?php echo "Submit new Article";?></button></a> </form> </section> </main> 我尝试过类似的东西:section input { min-width: 500px; } 但这没有效果 在 <input> 元素中使用 size 属性,例如 <input value="INHALT" type="text" id="INHALT" size="50" name="INHALT" required/>

回答 1 投票 0

如何在引导模式中放置自定义关闭按钮

我正在开发一个项目,我需要创建一个 Bootstrap 模式,并在右上角放置一个关闭按钮。虽然我已经设法使用 CSS 定位按钮,但它不太粘......

回答 1 投票 0

xpath 选择特定元素前面的文本

我有以下html: 文字 “我的车是一辆” 法拉利 ...

回答 1 投票 0

网站上按钮正确对齐的问题

我已经尝试了很长一段时间,并在网上寻找如何正确对齐网站的用户界面,但无论我尝试什么都没有成功,它要么将其翻转回垂直布局...

回答 1 投票 0

自定义 woocommerce/plugin/checkout/review.order.php

我正在使用以下代码自定义 woocommerce checkout review-order.php,但加载后它会加倍, 付款 请... 我正在使用以下代码自定义 woocommerce checkout review-order.php,但加载后它会加倍, <table> <center><h4>MAKE PAYMENT</h4> <p>Please select the following payment method</p> </table> 注意:如果我在主题 function.php 文件中添加任何过滤器,我的结帐页面会继续加载,我不知道为什么? 请大家帮忙! 谢谢你 我已经尝试过你的代码,它在我最后工作得很好,但我认为问题是你忘记关闭 <center> 标签。 关闭它,这可能会解决你的问题。 为了比我的评论更清楚,您需要从后端处理自定义表发生的情况。 给你的桌子一个ID <table ID="MyCustomTableId"> <center><h4>MAKE PAYMENT</h4></center> <center><p>Please select the following payment method</p></center> </table> 从后端查看 asset/js/frontend/checkout.js 中的触发器: 初始化_结账 更新_结账 更新_结账 结账错误 在 AJAX 回调中,处理您的表格(只需将表格的 HTML 替换为您的请求之一;此时它将停止重复)。这是一个例子: init_checkout: function() { $( '#billing_country, #shipping_country, .country_to_state', '#MyCustomTableId' ).change(); $( document.body ).trigger( 'update_checkout' ); }, 强调列表中添加的“#MyCustomTableId”!对所有触发器执行此操作,它应该可以解决您的问题。每次更新 woocommerce 也会失败,所以想一下! (这不是世界末日,你会擅长的,但是你知道......可持续性是一个因素,谁知道我们中的一个人什么时候被公共汽车撞到......) 我遇到了这个确切的问题,在按照操作挂钩后我找到了原因。在文件 wc-template-hooks.php 的第 223 和 224 行(在撰写本文时),您可以看到: add_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 ); add_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 ); 这就是事情重复的原因。 woocommerce_checkout_order_review 操作连续连接到两个单独的函数,我假设这些函数有一些代码来补偿用于防止重复的表标签,当使用 woocommerce_checkout_order_review 时,其他任何内容都会被重复。 因此,为了解决这个问题,我所做的就是为 Woocommerce 已纳入 woocommerce_checkout_order_review 的两个函数创建自己的操作挂钩,并将它们添加为代码片段或添加到函数文件中,如下所示: /*** Create hook for the Woocommerce order summary table ***/ add_action( 'woocommerce_checkout_order_summary', 'woocommerce_order_review', 10 ); /*** Create hook for the Woocommerce order payment form ***/ add_action( 'woocommerce_checkout_order_payment', 'woocommerce_checkout_payment', 20 ); 使用这些,我可以完美地调用各个部分,并将它们包装在我自己的 HTML 中,以提供我想要的任何布局。 我知道对于原来的问题来说已经太晚了,但我希望这对某人有帮助。

回答 3 投票 0

如何使用Nuxt在html元素上设置lang属性?

使用 nuxt.config.js 文件,可以自定义头部内容以添加一些元数据或其他内容: 模块. 导出 = { /* ** 页面标题 */ 头: { title: '很棒的标题',

回答 4 投票 0

如何使嵌套html表格中的特定列水平滚动?

当有3个或更多货币栏时,我想让它水平滚动,如下所示: 目前,我的表如下所示: 前 6 列是固定的,将占据父表的 80%

回答 1 投票 0

父级溢出隐藏不隐藏位置固定子级

我想隐藏位置固定的子元素的溢出。 请参见下面的轴示例。我试图将黄色方块隐藏在溢出隐藏区域之外。 .无论内容{ 身高:

回答 1 投票 0

在 HTML5 Canvas 上绘制倒数函数的问题

我目前正在使用 HTML Canvas 和 JavaScript 开发一个函数绘图应用程序。该应用程序旨在绘制用户输入的各种数学函数。它处理线性

回答 1 投票 0

如何使文本从按钮中心增长?

我正在尝试创建一个主页,其中有 6 个按钮,当用户将光标悬停在它们上时,它们会缩小,并且文本会从每个按钮的中心展开。 我设法得到这个: 身体 {

回答 1 投票 0

在 Bootstrap 选择器上使用 jQuery 取消选择选项

我正在使用 Bootstrap 来处理一些 UI 元素:SelectPicker,它允许用户选择多个选项并将其呈现在段落标签中的屏幕上。他们还应该能够删除...

回答 5 投票 0

将任何类的悬停扩展到 SASS 或 SCSS 中的任何其他类的悬停

有没有办法将 &:hover 任何类的悬停扩展到任何其他类的悬停? 我的代码是这样的,它停止了两个类的悬停: 超文本标记语言 有没有办法将任何类的&:hover扩展到任何其他类的悬停? 我的代码是这样的,它停止了两个类的悬停: HTML <a href="#" class="button1">Button 1</a> <a href="#" class="button2">Button 2</a> SCSS .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { background: red; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend .button1:hover } } 您可以使用占位符。 %hover { background: red; } .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend %hover; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { @extend %hover; } } 或者,也许更好的解决方案是为按钮使用更通用的类: .btn { padding: 5px 10px; text-decoration: none; color: white; &:hover { background: red; } } .btn--1 { background: black; } .btn--2 { background: blue; } 您可以使用mixin @mixin hoverStyle { &:hover{ background: red; } } .button1 { background: blue; padding: 5px 10px; text-decoration: none; color: white; @include hoverStyle; } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; @include hoverStyle; } 尝试这个解决方案。这对我有用 http://jsbin.com/lezuwalida/edit?html,css,输出 生成的CSS看起来是一样的 .demon:hover, .demon.demo { outline: 3px solid red; } .demon2:hover, .demon2.demo2 { outline: 3px solid red; } 对我来说,它可以使用这种较新的 sass 语法。 .link:hover { .button { @extend .other-button, :hover; } } 处理所有这些事情的一个好方法是使用变量, 例如,如果您定义这样的内容: $buttons-hover-color: #somecolor; 然后您可以在任何按钮中调用它,如果将来您想更改它,只需更改变量即可,所有按钮都会更新。 另一件重要的事情是扩展在媒体查询中不起作用,所以也许将来当你瞄准移动设备时你不希望在移动设备中出现红色,所以你只需要为其创建另一个变量。 类似这样的: $btn-hover-color: red; $btn-hover-mobile: black; .button1 { background: black; padding: 5px 10px; text-decoration: none; color: white; &:hover { background-color: $btn-hover-color; } } .button2 { background: blue; padding: 5px 10px; text-decoration: none; color: white; &:hover { background-color: $btn-hover-color; } @media (max-width: 800px) { &:hover { background-color: $btn-hover-mobile; } } } 希望这对您有帮助

回答 5 投票 0

尝试在 drupal 8 模块中包含资产(js、img、css)

我有一个名为 chess 的 drupal 模块,其中我要显示不同的图像、要包含的 javascript 以及要链接的 css。 我尝试定义一个看起来像

回答 1 投票 0

如何在没有 Google 扩展的情况下创建插件网站?

我正在寻找一种方法来编写一种 .exe 可执行文件,该可执行文件在打开时会被激活,以便在进入特定网页时插入我想要更改布局或实现的代码...

回答 1 投票 0

html在哪里?源几乎是空的

我偶然发现了一个令我困惑的网站。它几乎没有 html 源代码。 请参阅:https://www.rebelgive.com 这怎么可能?这对 SEO 不利吗(没有内容可索引)?

回答 2 投票 0

纯CSS多级下拉菜单

我之前没有对多级、纯 CSS 下拉菜单做过很多工作,但我现在正在寻找最干净的方法。当我在网上搜索这个时,我发现......

回答 7 投票 0

禁用网格元素收缩

我正在做一个宠物项目,但遇到了问题。我需要网格中的两个 div 在移动设备上具有相同的高度,并且我想在它们溢出时添加滚动。但现在上面的那个挤了l...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.