Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
If you opened a D&D 2024 character on July 17 between 2:20 PM ET and 4:40 PM ET, and now see that your character data is missing/blank, please make a copy of your game and perform a rollback. Rollbacks have been enabled for all users during this period.
Create a free account

text as buttons

Hello, I am making a character sheet for a friend and wondering how I can make roll buttons that just look like text as seen in the roll20 D&D 5e sheet. I get the use of buttons but I haven't been able to figure out how to style them to not look like buttons. For reference I am looking to do something akin to what wrapping text in anchor tags in plain HTML does. 
1748442106
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
You use css to style the button. Roll20 applies some default styling to the button and it's before pseudo element to create the default look. If you inspect a button, you'll see this styling in the browser inspector. Note that there is a transition applied when the button is hovered (and maybe clicked); use the inspector's ability to force these states to see this styling. Once you know what all the styling is, you can then overwrite it by writing more specific css in your character sheet's css file.
1748485730
vÍnce
Pro
Sheet Author
Example on wiki; <a href="https://wiki.roll20.net/CSS_Wizardry#Button" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Button</a>
1748877893

Edited 1748877915
Scott C. said: You use css to style the button. Roll20 applies some default styling to the button and it's before pseudo element to create the default look. If you inspect a button, you'll see this styling in the browser inspector. Note that there is a transition applied when the button is hovered (and maybe clicked); use the inspector's ability to force these states to see this styling. Once you know what all the styling is, you can then overwrite it by writing more specific css in your character sheet's css file. Somehow inspecting the element to see where the stylings affecting it were just didn't cross my mind. 'Preciate the help, I got it figured out now and was able&nbsp; to change it to my liking.&nbsp;
1748879967
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
Glad to hear!