[SOLVED] Adding background to the chat input line

FiveM Resource Development & Modding Discussion
1

Is it possible to edit the chat input line so it would have some sort of colored background (preferably black)? It’s very uncomfortable to read the text that you wrote and check if there are any mistakes when the text just blends together with the in-game screen (white text with sky for example).

2 
#chatInputHas
{
    color: #000;
    background-color: #e1f7f1;
    border-radius: 5px;
    display: none;
}

#chatInput
{
    background-color: transparent;
    border: none;
    outline: none !important;
    padding: 3px;

    display: inline-block;
    vertical-align: middle;

    margin: 0px;
    color: #000; -- you can change this to a image if you wanted too.
    text-shadow: 0px 0px 1px #333;

    font: inherit;

    white-space: pre;
    overflow: hidden;
}
4 Likes
3

You didn’t have to paste the code for what I needed. You could have just told me that it’s possible and direct me to a place with some useful information and I could have done it myself. That way I could have gained more experience and probably could have remembered what to do in the future easier. But anyway, thank you for your time. This is css as I can see. I used to mess around with the forum templates/designs in the past. Could a css file be used for in-game interaction menus?

1 Like
4

Yes it can. [How-To] Use NUI (UI Creation with HTML)

1 Like