JavaScript - WTForm 上のテキストの色を変更するにはどうすればよいですか? (Python、HTML)

okwaves2024-01-25  7

そこで、Flask アプリを作成しようとしています。

ここに私の HTML のセクションがあります:

<div class = "card-body">
      <div>
         {{ form.hidden_tag() }}
         {{ render_field(form.email, class = "form-control") }}
         {{ render_field(form.password, class = "form-control") }}
         {{ render_field(form.remember_me, class = "form-control") }}
         {{ render_field(form.submit, class = "btn btn-primary") }}
      </div>

入力フィールドに名前を付けた Python ファイルは次のとおりです。

from flask_wtf import FlaskForm
from wtforms import StringField, BooleanField, IntegerField, PasswordField, SubmitField, TextAreaField
from wtforms.validators import DataRequired, length, email, EqualTo


class LoginForm(FlaskForm):
    email = StringField("Email", validators = [DataRequired(), email()])
    password = PasswordField("Password", validators = [DataRequired()])
    remember_me = BooleanField("Remember Me")
    submit = SubmitField("Login")

他のファイルを介してそれらを接続しましたが、問題はありません。必要なのは、Python ファイル内のテキストの色を変更することだけです。 例えば、 lass LoginForm(FlaskForm):

  email = StringField("Email", validators = [DataRequired(), email()])

「電子メール」入力場所のタイトルとしてフォームに表示されるこの部分は現在黒ですが、白にするにはどうすればよいですか?

フォーム コントロール クラスなどを使用して入力場所を変更しましたが、その上のテキストは Python ファイル内の文字列であるため、混乱しています。

----------------------------------

そのためには、「templates」という名前のディレクトリを 1 つ作成する必要があります。その中に 1 つの CSS ファイル (例: style.css) を作成し、その中でスタイルを設定できます。 ドキュメント https://flask.palletsprojects.com/en/0.12.x/​​tutorial/css/

を参照してください。

1

申し訳ありませんが、私の質問ではありませんでした。私はスタイリング方法などについては知っていますし、<style> HTMLで開いていますが、混乱しているのは、スタイルを設定するにはどのような名前を使用すればよいでしょうか?フォーム自体をスタイルするのが好きです.form-control{} を作成し、必要なことを説明しましたが、フィールド タイトルにはクラスがなく、単なる render_field なので、何を参照すればよいでしょうか?

– クシ

2020 年 9 月 5 日 13:28

総合生活情報サイト - OKWAVES
総合生活情報サイト - OKWAVES
生活総合情報サイトokwaves(オールアバウト)。その道のプロ(専門家)が、日常生活をより豊かに快適にするノウハウから業界の最新動向、読み物コラムまで、多彩なコンテンツを発信。