如何覆盖amp poll中的% text样式？
amp-poll是AMP（加速移动页面）中的一个组件，用于创建投票表单。而覆盖amp-poll中的% text样式，可以通过以下几个步骤来实现：
- 创建一个CSS样式表：在HTML中的
<head>标签中添加<style amp-custom>标签，然后在该标签中添加自定义的CSS样式。
<style amp-custom>
/* 自定义样式 */
.my-poll-text {
/* 样式属性设置 */
}
</style>- 覆盖% text样式：在上一步中创建的CSS样式表中，使用选择器来选择amp-poll中的% text样式，并为其设置新的样式属性。
<style amp-custom>
/* 覆盖amp-poll中的% text样式 */
amp-poll .my-poll-text {
/* 样式属性设置 */
}
</style>在上述代码中，.my-poll-text是自定义的类选择器，你可以根据需要自定义命名。然后，将该类选择器应用于amp-poll组件中的% text元素上。
- 应用样式到amp-poll组件：为了将自定义的样式应用到amp-poll组件中的% text元素上，可以使用
[class]属性选择器。
<style amp-custom>
/* 覆盖amp-poll中的% text样式 */
amp-poll [class="i-amphtml-poll-option-text my-poll-text"] {
/* 样式属性设置 */
}
</style>在上述代码中，[class="i-amphtml-poll-option-text my-poll-text"]选择器用于匹配amp-poll中class属性值为i-amphtml-poll-option-text和my-poll-text的元素，即% text元素。然后，将自定义的样式应用于该元素。
需要注意的是，上述样式覆盖方式可能会因为不同的AMP版本和AMP扩展库而有所不同。建议参考AMP文档中的样式覆盖方法，以确保正确应用自定义样式。
关于腾讯云相关产品和产品介绍链接地址，很遗憾，由于限制，我无法为您提供特定品牌商的链接地址，请您自行搜索腾讯云相关产品。
相关·内容
我正在尝试使用新组件在amp-stories中创建一些投票，但我在样式方面遇到了一些困难。有没有办法将结果部分中的%text的颜色与底部部分的背景分开设置？现在这两种颜色都是使用交互式重音颜色设置的，但在某些情况下，这是非常明亮的背景，两种颜色都被混合在一起，文本无法阅读。我知道如何使用!important，但我也想通过验证。
浏览 30提问于2020-10-01得票数 0
我正在尝试覆盖外部java-script文件中元素的样式。如果我将此代码粘贴到本地文件中：}并在Google chrome中运行，我在检查类&
浏览 0提问于2012-09-13得票数 1
回答已采纳
我正在试图覆盖我的SCSS文件中的内联样式。然而，由于我们正在使用AMP，我不允许使用！重要。
现在，我想知道是否有任何方法可以覆盖内联样式而不使用！重要？
浏览 3提问于2022-01-25得票数 0
1回答
我有一个html主体，其中包含一些包含内联styles.Normally的标记，我们可以用！重要的覆盖内联，但是由于我需要该页面是有效的，所以我不能使用这个方法。有什么办法在AMP有效方法中做到这一点?？
浏览 3提问于2020-03-05得票数 2
回答已采纳
1回答
我在这个网站上工作-在joomla上的www.Scottishcrucible.org.uk，但没有太多的编程经验，所以会欣赏简单的答案！当我在这个页面上嵌入这样的东西时，我似乎无法让页脚向下移动，我也无法弄清楚为什么它会掩盖我的标题。我的工作制作了这个模板，但现在拒绝帮助tweek的事情，所以我试图解决它，但收效甚微！我不确定要粘贴到css的哪一点-模板是RT Gantry Help！
浏览 3提问于2015-10-30得票数 0
我有一个多页的表单，我想只允许‘下一步’按钮工作时，所有的领域都完成了。</p> class="poll"</p>
<amp-selector on="select:AMP.setState({colorSelected
浏览 11提问于2019-02-20得票数 0
2回答
我试图在表中设置链接样式，但我以前从未真正处理过覆盖内联CSS的问题。leagueId=409279&positionId=4&playerId=70419&seasonId=2017" class="flexpop" instance="_ppc" style="text-decoration: none; cursor: pointer;&q
浏览 5提问于2017-09-21得票数 1
回答已采纳
我把一个覆盖在其他一切，并有一个是和没有按钮。我根据问题改变按钮的动作，但在某些情况下，我需要问2到3个问题。比如numberOfQs = 3，然后是currentQ = 1，单击yes/no按钮之后，我就会增加并调用一个question函数，直到currentQ === numberOfQs请不要回答JS图书馆的问题。
浏览 4提问于2014-01-16得票数 3
回答已采纳
我在div中加载了Google Maps API v3并打印了Google Map。但是当宽度和高度设置为100%和自动时，我看不到贴图。<!-- Maps Container -->有没有办法解决这个问题？
浏览 4提问于2012-04-18得票数 63
回答已采纳
我是新来的，我试着熟悉w3schools，并教自己一些奇怪的代码。到目前为止，我使用的是Poll ( )，我理解其中的大部分内容。那时，我试图添加更多的值，尽管当我点击其中一个投票答案时，它会显示“一票”，但是当我重新加载页面时，答案将不存在(它将返回到0%)。我将如何添加额外的投票答案？<!/Scripts/swfobject_modified.js&
浏览 1提问于2015-01-22得票数 0
回答已采纳
1回答
我有个侧边栏<amp-sidebar id="header-sidebar" layout="nodisplay" side="right">
浏览 1提问于2018-07-18得票数 0
回答已采纳
3回答
>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normalboth;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp</e
浏览 1提问于2018-10-12得票数 3
据我所知，使用扩音器，安普卡洛塞尔，安皮格需要一个src，它总是硬编码(取决于产品的详细页面URL)因为它们都是细节页面，但有不同的内容，如-标题，价格，图像，list_items等，所以你是如何提供这些静态数据，然后才能做出最终的HTML？注意:详细信息页面上的，路由路径改变了，但设计保持不变。
那么，我应该把这些数据带到哪里，因为我制作了数千个类似的页面，并且手动为所有这些页面编写AMP-HTML听起来是多余的？
浏览 2提问于2017-07-25得票数 0
2回答
我有一个wordpress网站，我正在转换到一个AMP网站，因为现在我使用的现在我的网站有很多css文件，我可以内联的风格是有限的，所以我试图添加一个自定义css使用： .someclass={/*my custom css I want it to affect only amp pages*/}
通过将样式添加到header.php文件
浏览 0提问于2019-12-16得票数 1
回答已采纳
我想使用来自样板HTML模板的Paul爱尔兰的条件注释：<![endif]-->
在SharePoint 2010主页中。我读过“条件注释在SP2010中并不总是工作得很好”。(不确定这是什么意思！)SharePoint:CSSRegistration Name="foo.css"
浏览 1提问于2011-07-12得票数 5
回答已采纳
我是android的新手，我已经搜索了很长一段时间。我想构建一个类似于分贝计的应用程序。它可以实时显示音量。如果房间里有很多噪音，就会有一些东西表明，如果房间很安静，就会有一些东西表明这一点！有人能解释一下麦克风声级应用程序的基础知识吗？如果可能的话，也许可以提供一些代码？
谢谢!
浏览 1提问于2011-08-26得票数 5
3回答
是否可以在下面更改"View Results“文本的颜色？<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/
浏览 0提问于2012-07-05得票数 0
回答已采纳
在PhpStorm中是否支持(谷歌的) AMP项目的自定义标记和属性？
例如<amp-sidebar>，<style amp-custom>...
浏览 2提问于2016-12-23得票数 5
1回答
目前，我在所有pages.The页面上都有一个问题，它包含一个带有提交按钮的表单，而一个包含buttons.The问题的表是每当我单击the table的编辑按钮时，css和javascript都消失了这是jascript代码 $(document).ready(function() {
浏览 1提问于2016-07-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
