Material-ui: ํ…์ŠคํŠธ ํ•„๋“œ์— ์ž…๋ ฅ๋œ ํ…์ŠคํŠธ์˜ ์ƒ‰์ƒ ๋ณ€๊ฒฝ

์— ๋งŒ๋“  2015๋…„ 10์›” 22์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

๋ฌธ์„œ์™€ ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณธ ํ›„ ์ž…๋ ฅ ํ•„๋“œ ์ž์ฒด ๋‚ด๋ถ€์˜ ํ…์ŠคํŠธ ์ƒ‰์ƒ์„ ๋ณ€๊ฒฝํ•˜๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์ด ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ธฐ๋ณธ ์ƒ‰์ƒ์€ ๊ฒ€์ • rgba(0, 0, 0, 0.87) ์ž…๋‹ˆ๋‹ค. underlineFocusStyle ๋˜๋Š” hintStyle ์™€ ์œ ์‚ฌํ•œ ๊ฒƒ์ด ๊ต‰์žฅํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

picture anthony-dandrea

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋ฌธ์„œ์—๋Š” ์—†์ง€๋งŒ inputStyle์„ TextField์— ๋Œ€ํ•œ ์†Œํ’ˆ์œผ๋กœ ์‚ฌ์šฉํ•˜์—ฌ ์ž…๋ ฅ ์Šคํƒ€์ผ์„ ์ง์ ‘ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

picture chmann ์— 2015๋…„ 11์›” 02์ผ
👍24

๋ชจ๋“  3 ๋Œ“๊ธ€

์•ฑ ๋˜๋Š” ๊ตฌ์„ฑ ์š”์†Œ์— ์žˆ๋Š” ๋ชจ๋“  ์ž…๋ ฅ์˜ ํ…์ŠคํŠธ ์ƒ‰์ƒ์„ ๋ณ€๊ฒฝํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ ํ…Œ๋งˆ ์žฌ์ •์˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. http://material-ui.com/#/customization/themes์˜ _ํ…Œ๋งˆ ๋ณ€์ˆ˜ ์žฌ์ •์˜_ ์„น์…˜์„ ์ฐธ์กฐํ•˜์„ธ์š”

๋‚ด๊ฐ€ ๋ณผ ๋•Œ ์ž…๋ ฅ ํ…์ŠคํŠธ๋Š” ์—ฌ๊ธฐ์— textField.textColor์— ์ •์˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
https://github.com/callemall/material-ui/blob/master/src/styles/theme-manager.js#L185

isilweo picture isilweo ์— 2015๋…„ 10์›” 27์ผ

๋ฌธ์„œ์—๋Š” ์—†์ง€๋งŒ inputStyle์„ TextField์— ๋Œ€ํ•œ ์†Œํ’ˆ์œผ๋กœ ์‚ฌ์šฉํ•˜์—ฌ ์ž…๋ ฅ ์Šคํƒ€์ผ์„ ์ง์ ‘ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

chmann picture chmann ์— 2015๋…„ 11์›” 02์ผ
👍24

@chmann ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”

anthony-dandrea picture anthony-dandrea ์— 2015๋…„ 11์›” 09์ผ
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

pola88 picture pola88  ยท  3์ฝ”๋ฉ˜ํŠธ
activatedgeek picture activatedgeek  ยท  3์ฝ”๋ฉ˜ํŠธ
TimoRuetten picture TimoRuetten  ยท  3์ฝ”๋ฉ˜ํŠธ
chris-hinds picture chris-hinds  ยท  3์ฝ”๋ฉ˜ํŠธ
ghost picture ghost  ยท  3์ฝ”๋ฉ˜ํŠธ