Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS First Letter Highlighting

I understand that with CSS formatting the first letter of each paragraph is possible via:

p:first-letter
{
font-size:20px;
}

However upon using this code it is impossible to highlight/select these "First Letters" from the web browser, is there a way to amend this?

Edit - It is possible to select the text, however it isn't shown visually, how can I change this?

like image 899
Kehza Avatar asked May 16 '13 16:05

Kehza


People also ask

How do you style the first letter in CSS?

The ::first-letter selector is used to add a style to the first letter of the specified selector. Note: The following properties can be used with ::first-letter: font properties. color properties.

How do I select a letter in CSS?

The ::first-letter selector CSS Pseudo-element is used to apply the style to the first letter of the first line of a block-level element, the condition is it should not be preceded by other content ( such as images or inline tables).

How do I make the first letter bold in HTML?

How to Bold Text in HTML. To bold the text in HTML, use either the strong tag or the b (bold) tag. Browsers will bold the text inside both of these tags the same, but the strong tag indicates that the text is of particular importance or urgency. You can also bold text with the CSS font-weight property set to “bold.”


1 Answers

This is a bug in Chrome/ium/WebKit: https://code.google.com/p/chromium/issues/detail?id=17528

like image 97
Duncan Lock Avatar answered Oct 03 '22 19:10

Duncan Lock