Input cursor can't show

[Yurii-huang]

Setting CSS for:

    Input {
        background: $boost;
        color: $text;
        padding: 0 0;
        border: none;
        width: 100%;
        height: 1;
    }
    SingleLineInput:focus {
        border: none;
    }

How to show the input cursor?
How to setting cursor from text "|"?

[Yurii-huang]

    Input>.input--cursor {
        background: $surface;
        color: red;
        text-style: reverse;
    }

can show input cursor background

[Yurii-huang]

input cursor can use text-style for: text-style

[TomJGooding]

I think this has already been answered here #4043 (reply in thread)? It looks like the problem is that your CSS is mixing Input and SingleLineInput.

[Yurii-huang]

My doubts have been answered and solved.
I have a new question for now, about regarding placeholders
I'm trying to make a place that can automatically skip typing "." IP input component.
The native placeholder will only stand when all inputs are empty.
I don't know which function to inherit from or call it directly to implement it right now.
Do you have any good ideas?

my code:

from textual.app import App, ComposeResult
from textual.events import Focus
from textual.containers import Horizontal, Vertical
from textual.validation import Function, Number, ValidationResult, Validator, Regex, Length
from rich.console import Console, ConsoleOptions, RenderableType, RenderResult
from textual.widgets import Static, Input, Label
from rich.text import Text 

class LineInput(Input):
    
    Input.DEFAULT_CSS = """
    Input {
        border: none;
        width: auto;
        height: 1;
        background: green;
    }
    SingleLineInput:focus {
        border: none;
    }
    Input>.input--cursor {
        background: $surface;
        color: $text;
        width: 1;
        text-style: reverse;
    }
    """
    def __init__(self):
        super().__init__()
        self.styles.background = "red"
        self.placeholder = "   .   .   .   "
        self.restrict=r"[0-9.]*"
        self.validators=[
            Regex(r"((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}"),
        ]

    def _on_input_changed(self, event: Input.Changed):
        endc = event.value.endswith(0)
        if event.validation_result:
            if event.validation_result.is_valid:
                self.styles.background = "green"
            else:
                self.styles.background = "red"
            

class OptionListApp(App[None]):
    CSS ="""
    Screen {
        background: darkblue;
        border: double darkblue;
        layers: above below;
    }
    """
    def compose(self) -> ComposeResult:
        yield LineInput()
        return super().compose()

if __name__ == "__main__":
    OptionListApp().run()

Thank you

[TomJGooding]

I'm trying to make a place that can automatically skip typing "." IP input component.

Sorry I'm struggling a bit to understand how this could work, as couldn't the parts separated by the dots be different lengths?