question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Help]How to make the global text not uppercase/capitalize

See original GitHub issue

Steps to reproduce

  1. The component like v-toolbar and v-btn , the default text is uppercase ,how to make all the text not to be uppercase? Is there an option to change this css style globally ?
  2. I don’t want to use the { text-transform: capitalize; } in all components one by one.
  3. Is that Material design’s default style ? If that ,how to disable it?

Versions

Vuetify 0.14

What is expected ?

The text in component cannot be lowercase.

What is actually happening ?

All the text trim to uppercase character.

Reproduction Link

https://vuetifyjs.com/vuetify/quick-start

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

15reactions
Imanullahcommented, Dec 27, 2017

Just simple `

  • { text-transform: none !important; } `
7reactions
johnleidercommented, Dec 27, 2017

The team has already discussed your PR @julkuh , it’s something I plan on merging before 1.0 release.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change the capitalization or case of text - Microsoft Support
You can change the capitalization, or case, of selected text in a document by clicking a single button on the Home tab called...
Read more >
text-transform - CSS: Cascading Style Sheets - MDN Web Docs
The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or ...
Read more >
How to capitalize or change the case of text in any app - Zapier
In the Home section of the toolbar, click the Change Case option. (It's right next to your font options: a capital and lowercase...
Read more >
Change text capitalization in Pages on iPhone - Apple Support
Modify capitalization · Select the text you want to change, then tap the Format button . · Tap the More Text Options button...
Read more >
Capitalizing With CSS: CSS Uppercase and Lowercase Guide
What Is CSS Text-Transform? · Lower case · Upper case · Title case · None: This property ensures that your text does not...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found