相关疑难解决方法(0)
如何更改CSS中的删除/穿透厚度？
我正在使用text-decoration: line-throughCSS,但我似乎无法找到任何方法来改变线条厚度,没有不雅的黑客像<hr>或图像叠加.
是否有任何优雅的方法来指定直通的厚度？
推荐指数
解决办法
查看次数
CSS:使用与文本颜色不同的颜色的直线？
我想要带有红色穿透的灰色文字,但这种风格不起作用:
color: #a0a0a0;
text-decoration: line-through 3px red;
我究竟做错了什么？
推荐指数
解决办法
查看次数
HTML中DIV元素的有效属性是什么？
什么是有效DIV属性？
基于此链接,它只出现class,id,title.那是对的吗？含义,for属性和其他属性无效DIV？
推荐指数
解决办法
查看次数
透明的strikethrought文本
我需要使用CSS在文本上实现透明的strikethrought,因此我不必用<h1>标记替换<img>标记.我已经设法用CSS在文本上实现了直通,但我不能让它透明.
期望的效果:
是)我有的 :
body{
background: url(http://lorempixel.com/output/people-q-c-640-480-1.jpg);
background-size:cover;
}
h1{
font-family:arial;
position:relative;
display:inline-block;
}
h1:after{
content:'';
position:absolute;
width:100%;
height:2px;
left:0; top:17px;
background:#fff;
}<h1>EXAMPLE</h1>我如何实现透明的strikethrought,它可以挤出我的文本并允许背景出现在这一行中.
推荐指数
解决办法
查看次数
在css中更改删除线的文本颜色
我的HTML是:
<html>
<body>
<div id="example">this is example</div>
</body>
<html>
我的css是:
#example{text-decoration: line-through;color:#ccc;}
我这样输出了
但我想要这样
但我不能.帮帮我这样做.
推荐指数
解决办法
查看次数
jQuery - 单击项目后，获取 li 的数据项并对 li 中的文本应用删除线（动画？）
我有一堆图像，它们对应于一个包含他们名字的列表。单击图像时，它会淡出图像，然后使用 data-item 在列表中找到其对应的名称，然后将其划掉红色并将列表项单词更改为灰色。我有代码，但它不工作或在控制台中抛出任何错误。我是 jQuery 的新手。
我如何将单击的图像与正确的列表名称连接起来，然后将字体颜色更改为灰色并赋予它不同的颜色（红色）？我很想为删除线设置动画，但这可能太复杂了。欢迎提供建议:)
任何帮助表示赞赏！
这是代码的一个片段：
CSS
.stroked {
text-decoration: line-through;
color: red;
}
.found {
color: #282828!important;
}
HTML
<!--image items-->
<div class="picItem" data-item="Dart">
<img src="Dart.png" />
</div>
<div class="picItem" data-item="Dice">
<img src="Dice.png" />
</div>
<div class="itemWrapper">
<ul class="itemList">
<li class="olive">Olive</li>
<li class="dart">Dart</li>
<li class="dice">Dice</li>
</ul>
</div>
<!-- /itemWrapper -->
JS
// Handle the picture item clicks
$('.picItem').on('click', function () {
//grab appropriate list item view data-item for strikeThrough function
strikeThrough($(this).data('item'));
$(this).fadeOut(400, function () {
});
}); …推荐指数
解决办法
查看次数
需要显示带有等长线下划线的多行文本
我需要实现以下标记:
问题是我只能使用HTML + CSS和XSLT来生成它.
我想写一个模板,将文本分成XSL行,并将每行打印为<p>带有border-bottomset 的不同段落.是否有更简单的方法通过HTML + CSS实现这一目标？
一个小小的更新:这里的要点是让这个下划线延伸到文本之后并占用所有可用的宽度.因此所有行都具有相同的长度(如字帖中的行),除了第一行可能更短
推荐指数
解决办法
查看次数
通过 onClick 在 React.js 中删除段落？
我已经准备好把头发扯下来了。因此，我的 Javascript 课程中的最后一个项目是学习 React.js 的实验性项目，您可以在其中创建基本的待办事项列表。我已经完成了所有工作，并且可以让它正确添加内容。但我的最后一个障碍是，从按钮单击打印的段落将导致他们为打印的段落赋予删除线属性，可以通过再次单击它来撤消该属性。
我到处都查过了，我也尝试过这里的其他例子，但我想不出什么可以让删除线发生。我尝试了一个基本的 Javascript 函数，如果这是一个 HTML/非 React 文件，它可以完成我想要的操作，但是当我尝试将其放入时，它会破坏 React 页面。所以我花了很长时间在教程上试图弄清楚知道该怎么做，我也许找到了正确方向的步骤？但我仍然无法发生任何事情，而且我不知道如何为此建立一个 onclick 。
import React from 'react';
import './App.css';
class App extends React.Component {
setCurrentToDoItem = (toDoItem) => {
console.log("toDoItem", toDoItem);
this.setState({
currentToDoItem: toDoItem
});
};
saveToDoListItem = (toDoItem) => {
this.setState({
toDoList: [...this.state.toDoList,
toDoItem]
});
};
constructor(props) {
super(props);
this.state = {
currentToDoItem: null,
toDoList: [],
strikeThrough: []
};
}
render() {
return (
<div>
<h1>To Do List</h1>
<label>To Do Item: </label>
<input
onChange={(event) => …推荐指数
解决办法
查看次数
标签 统计
css ×6
html ×6
javascript ×2
css-shapes ×1
css3 ×1
fonts ×1
html5 ×1
jquery ×1
line-through ×1
reactjs ×1
svg ×1
thickness ×1
xslt ×1