How to remove line highlight in StyleClassedTextArea?

[euwbah]

Currently I got this:

console = new StyleClassedTextArea();
        console.setEditable(false);

        console.setStyle("-fx-background-color: rgba(0, 0, 0, 1)");

A blue line background highlight appears (like how it does in a CodeArea). How do I remove this blue line highlight?

[JordanMartinez]

Does this relate at all to #254, which was implemented only recently?

[JordanMartinez]

Could you provide a screenshot?

[JordanMartinez]

I can't reproduce the blue background highlight about which you're talking with the code you've provided.

[euwbah]

Yes it actually does relate to #254. How do I remove that style?

[JordanMartinez]

I'm not sure why the blue line is even appearing because there are currently no style sheets being applied to StyleClassedTextArea that would give it that look. Are you doing something more than the above code? Because your problem shouldn't be happening in the first place.

Still, I'm guessing that the blue line only appears in the line that has the caret. Or, if it's the first or last paragraph, see the next two. If so, you'd need to write a CSS file that has something like this:

// in a custom css file that you apply...

// this is for the has-caret pseudo class
.paragraph-box:has-caret {
    -fx-background-color: rgba(0, 0, 0, 1);
}

// if it's not that, then this is for the first-paragraph and last-paragraph pseudo class
.paragraph-box:first-paragraph, .paragraph-box:last-paragraph {
    -fx-background-color: rgba(0, 0, 0, 1);
}

and then add that to your custom CSS file to your class's stylesheets

[euwbah]

Nope, not doing any more than that. Don't really know why the blue line is
there though. The StyleClassedTextArea is not editable, so it just appears
stuck at the first line from the top. I'll try out the css though. Thanks!

On Sat, Feb 27, 2016, 12:53 AM JordanMartinez notifications@github.com
wrote:

I'm not sure why the blue line is even appearing because there are
currently no style sheets being applied to StyleClassedTextArea that
would give it that look. Are you doing something more than the above code?
Because your problem shouldn't be happening in the first place.

Still, I'm guessing that the blue line only appears in the line that has
the caret. Or, if it's the first or last paragraph, see the next two. If
so, you'd need to write a CSS file that has something like this:

// in a custom css file that you apply...

// this is for the has-caret pseudo class.paragraph-box:has-caret {
-fx-background-color: rgba(0, 0, 0, 1);
}

// if it's not that, then this is for the first-paragraph and last-paragraph pseudo class.paragraph-box:first-paragraph, .paragraph-box:last-paragraph {
-fx-background-color: rgba(0, 0, 0, 1);
}

and then add that to your custom CSS file to your class's stylesheets

—
Reply to this email directly or view it on GitHub
#262 (comment)
.

[euwbah]

Yep the css fixes it!

[JordanMartinez]

Great! I'm glad it works. (Still, I'm curious why that occurred...)
On Feb 26, 2016 8:32 PM, "euwbah" notifications@github.com wrote:

Closed #262 #262.

—
Reply to this email directly or view it on GitHub
#262 (comment).

Maybe @euwbah used code from richtextfx-demos