How do I use the style sheet properly?

I tried styling some form buttons with css which worked quite nice. Then I found out that I can create a style sheet. The manual says on style sheets: "CSS files have a Purpose property in the Properties Bar. The default is Stylesheet which means Construct will use it as an additional stylesheet for your project. The purpose can also be set to (none) in which case its styles will not automatically be applied".

That to me sounds like whatever I have in the style sheet should automatically be applied on game start, right? I put this simple code into the style sheet:

 button {
 background-color: #7b38d8;
 border-radius: 10px;
 border: 4px double #cccccc;
 color: #eeeeee;
 }

.button, not button.

Typing .button did not change anything, sadly - do I have to enter other code as well?

When I google for css examples, I only get examples for webpages: w3schools.com/html/html_css.asp

And I am not quite sure which parts I have to transfer to the construct style sheet. If someone could share a working example, that would be great.

From what you've said, it should work. It's hard to say more without seeing your project file though.

Sorry button without the . was probably correct, as the element itself. Maybe try making the css selector .mybuttonclass and putting mybuttonclass into the class property of the button object in your project?

Look in Chrome's dev tools and you'll see the elements Construct is creating are actually <input type="button"> elements, not <button> elements. So the selector button won't match them. Instead try a selector like input[type="button"].

That works, thank you very much!