Questions tagged [line-through]
22 questions
15
votes
4 answers
Inherited Text-Decoration style
How would I negate or remove a parents text-decoration style? For example in the following, both the text and the anchor have a text-decoration of line-through, is there a way to not have that applied to the anchor tag?
JPero
- 1,272
- 16
- 21
7
votes
2 answers
How to make line-through wider/bigger than text/element using CSS
Can you please let me know how I can force CSS to make the line-through property wider than element width?
For Example
50
and result looks like now how I can make the line wider than element to be more…
user1760110
- 2,256
- 5
- 29
- 37
5
votes
5 answers
How to change a link's line-through / strikethrough color?
I have a link that has a strikethrough. I want to make the strikethrough lighter so the link text is easier to read, but can't figure out how to do it.
Here's what I want it to look like (using an inner span instead of a link because it comes out…
kareem
- 690
- 1
- 9
- 20
1
vote
1 answer
Cypress checking line-through
I have a web page where the items when checked get a line-through as in the image below.
Before checking:
test
After checking:
test
I am trying to assert on…
Devang Sanghani
- 731
- 5
- 14
1
vote
2 answers
Can i exclude spaces from text decoration?
Maybe my question is too simple :) Struggling to exclude &snbsp and spaces from being visualized with strike through:
del {
text-decoration: line-through;
background-color: var(--color-warn-light);
}
So in the space is not…
Juri
- 1,531
- 2
- 20
- 43
1
vote
1 answer
I want to select elements on the page based on the CSS property "text-decoration"
I have a web page with a table of products, some of which are reduced in price. The original price is shown with a strike-out which is done by css text-decoration "line-through".
I can verify a single product with
cy.contains('span.amount',…
Pablo
- 310
- 1
- 6
1
vote
1 answer
Toggle Line-through on click in paragraph lines
I am trying to create an on-click line-through for a bunch of words (item #1, item #2, item #3). I want it to be line-through when clicked, and if the same word is clicked a second time the line-through should disappear again.
Item #1
Item…
micks88
- 57
- 1
- 10
1
vote
1 answer
How to store line-through when checkbox is checked in localStorage?
* {
box-sizing: border-box;
}
body {
background-color: rgb(223, 255, 237);
background:radial-gradient(rgb(223, 255, 237), rgb(196, 98, 98));
background-repeat: repeat;
}
#container {
border-radius: 15px;
…
Noud
- 55
- 9
1
vote
1 answer
In Trac, is it possible to add "text-decoration: line-through" as a custom __style__?
I'm getting Trac 0.12.1 set up for the first time, and have written a few custom report queries.
However, I am having difficulty getting the custom __style__ macro thingy (described in the docs here) to display a text-decoration: line-through;…
Kamalnayan
- 89
- 4
1
vote
3 answers
Nested line-through in css
In my scenario, I have sections of text with deleted sections, visualized by line-through. Sometimes, these sections are nested. I would like to produce an output like this (please run snippet):
span.strike1 {
text-decoration:line-through;
…
friedemann_bach
- 1,418
- 14
- 29
0
votes
0 answers
Toggle line-through in jsx
Trying to toggle a line-through in jsx when clicking on an item in an app I'm building. The line appears when clicked but I want to remove the line when clicked a second time. Here's my code so far
import { useState } from "react";
function ToDo()…
Jaymie Redman
- 1
- 1
0
votes
2 answers
How set "text-decoration: line-through" style for a label that has inside an element?
I have -
I need to set "text-decoration: line-through" style (in file.css) for a label that has inside an element. I tried write next in…
G T
- 57
- 1
- 6
0
votes
2 answers
css strikethrough on Safari
First time asking question here, and actually kinda nervous! haha
Anyway, having issues with strikethrough. I use Safari on my Mac, and the line isn't displaying. Tried on Chrome, and it seems to work.
So, is there a workaround? Here's my css code…
kcjonez
- 11
- 4
0
votes
1 answer
'Line-through' style in react blinking for some reason
I've fetched a todo data from jsonplaceholder.typicode and I set up a action using redux fetching that data (I use thunk middleware). And I successfully get that data from jsonplaceholder to my component and I add a logic in reducer for toggling the…
Zowy
- 41
- 7
0
votes
1 answer
Problem getting reactjs to render textDecoration: 'none'
I am new to reactjs and I'm looking for help with creating a line-through feature (textDecoration) for completed items in an array,in reactjs. All items get displayed as completed and show line-through despite that they're not all completed. I've…
Infinity
- 25
- 6