How do I use "::first-letter" CSS property with the "input-text" item text

Post reply

❤Follow Topic(2)

0 favourites

From the Asset Store

$10 USD

Chain the Letters is a fun word puzzle game where you connect letters to form words!

- gavinjon
- - Joined 18 Apr, 2018
  - 3 topics • 4 posts
- 1
- 7 Oct, 2018
- Quote
Ideally, I'm trying to make the first letter of each word in several "input text" items much bigger (25pt vs 14pt for the rest of the text in the box). I found the "::first-letter" property that I could make do with, as I currently only need the first letter in each input text item capitalized since each one only holds one word. I have no idea how to use this property with the text styling action for the text input action. Could someone help?

w3schools.com/cssref/sel_firstletter.asp
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- oosyrag
- - Joined 20 Feb, 2013
  - 62 topics • 4,764 posts
- 1
- 7 Oct, 2018
- Quote
CSS pseudo selectors are not a thing in Construct.

There are workarounds though. You can use a substitute sprite font or text object to display what gets typed in your text input box, which can be set to invisible. The first character in sprite font or text objects can then be accessed with the .left(1) expression and replaced with a suitable BBcode tag.