Targeting only lowercase letters in text area - css

Is there a way to only select lowercase letters in a text area?
I want to change the color of lowercase letters in my text area to red and leave the uppercase letters as black.

You won't be able to do that using a textarea element. Because :
you'll need to wrap your lowercase letters using JS
strings in textarea are not interpreted as code but as text, so you'll have something like that "Hey, this is my text
What you can do :
use contenteditable attribute on an element to replace your textarea: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable
use JS to replace your element content, wrapping lowercase letter (on keyup event).

No. There is no method to do this using CSS.

Related

Hide a given combining character from HTML

I have HTML that contains text with accent marks (U+0301 - a combining character) to denote stress. I'd like to be able to show and hide the accents with a checkbox. Some of the HTML is dynamically generated.
Is there a way to do this with CSS only? (no JavaScript and no enclosing all occurrences of U+0301 in tags)
One idea I tried was to use a custom font that renders U+0301 as an empty glyph - it does hide U+0301 in isolation, but fails to hide it when it's combined with another character.

How to change properties of partial text in a textbox

How to make a textbox that can highlight partial text and change the color of partial text by code on the server side? Say, when user types the word dog, the word is highligted in green.
A textbox <input> or <textarea> can't do this. You'd probably have to do it by using a content-editable element, and wrap the words they spelled incorrectly with spans within that element.

Line Height in SSRS

Is there a way to adjust the line height in SSRS? I have a requirement on a legal document to have a bigger line height.
From what I have read, the Textbox.LineHeight property only affects html. I have converted the text inside the textbox to html, set the LineHeight property, but nothing changed.
I also tried adding custom CSS to the report (using old school line-height: {x} pt; inside a style tag), but to no avail - that isn't supported in the SSRS environment.
Here is an example what I need - How can I achieve this?
Before:
After
Does SSRS even support this?
Edit
Converting the text to an expression and adding a double VbCrLf will not be feasible as I need to only add a partial line height
You could add an expression on the Padding.Bottom property.
=IIF(IncreaseHeight, "20pt", "2pt")
If the text is already multiple lines, format the textbox to accept HTML. Replace the line breaks with a white character in a larger font followed by a <br/> tag.
<span style=""font-size=12pt; color:white;"">|</span><br/>
If your text is all on the same line, do the above for each space in your text. Using a bar "|" should be enough to represent the space between words. If not, use a thicker character.

Change background color of select characters of an input textfield

The user enters a string into a traditional html input field (type="text"). For example, lets say the input is "2013/13/29". At validation, the RegEx determin that 13 is invalid. I want the "13"'s background-color to become red and all other character's background-color to become green. Can this be done in HTML? Perhaps the use of a span inside an input tag.
Short answer, you can't add a span inside input tag.
try using jqueryUI datetimepicker, it will save you a lot of time.
http://jqueryui.com/datepicker/

Respect space in code but ignore with CSS?

With CSS can I make a browser ignore the character but respect normal white space?
So this:
Some text More text
Is displayed like this:
Some text More text
Not:
Some text More text
UPDATE There is actually more white space in my code. I need the default behavior where extra white space doesn't get rendered on the page so I dont think I can use white-space: pre or pre-wrap
So this shouldn't be excessively indent before the initial word.
Some text More text
I don't think there's a pure CSS way of doing that, since is an actual character that is different from the whitespace created by the spacebar in a text editor (what gets ignored by HTML renderers). However, depending on how those are appearing, you may be able to use a script that searches for and removes that character wherever it sees it.

Resources