インターン4日目
やったこと
- 課題として用意されたHTMLをCSSで修飾する。
昨日に引き続きCSSの課題を進めた。
Chromeでデザインの確認をしているが、input type="submit"
要素のheight
が変更できない問題に遭遇した。
検索すると-webkit-appearance: none;
とすればブラウザのデフォルトデザインをクリアして変更できるようになるらしい。
HTML input button css-height not working on Safari and Chrome - Stack Overflow
今回初めてズルいデザインを使ってみたが、それだけでグッとデザインが良くなるのが素晴らしい。
ただ自分で値を微調整するのは結構難しかった。使いながら慣れていきたい。
CSS課題はまだ未完了なので明日も引き続き進めていく。