常連

やりたいこと 外枠なしのテキストボックス


```lang-html
<input style="border-width:0px;border-style:None; 
font-size: 18px;" type="text" name="timeSecond" id="timeSecond" value="180" readonly size="1">
```
外枠線なしのテキストボックスを作成したいのですが
上記コードを使用しても薄い枠線が残ってしまいます。
外枠を完全に消す方法はないのでしょうか？

[参考サイト](https://saiminjutsu.wordpress.com/2009/12/09/html-css-%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AE%E6%9E%A0%E7%B7%9A%E3%80%80%E6%B6%88%E3%81%97/)

HTML テキストボックスの外枠を消す IE11

### 前提・実現したいこと

JavaScript
ボタンクリック時に入力されている値を取得した後に、if文を使い以下のように背景色を変更したい。

1が入力されていたら：赤
2が入力されていたら：緑
それ以外が入力されていたら：青

### 発生している問題・エラーメッセージ

```
ます１を入力したらボックスを赤にする
というのに挑戦してますが、いろいろ試してもボックスの色が変わりません
```

### 該当のソースコード

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>if文</title>
  <link rel="stylesheet" type="text/css" href="base.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script>
  $(function(){
    // ここに処理を記述
    $("#button").on("click", function () {
    var v = $('input').val();
    if(v=1){
      $('#box').css('background-color','red');
    }
});
  });
  </script>
</head>
<body>
  <input type="text" id="value">
  <input type="button" id="button" value="ボタン">
  <div id="box">
  </div>
</body>
</html>

```

###追記
御三方回答ありがとうございました！！とっても勉強になりました。
今回は1番早くご回答くださった方をベストアンサーとさせていただきます。
この度はありがとうございました。

JS if文 入れる数字によってボックスの色を変える

###概要
GUIプログラム関係で困っていることが有ります。助けてください。
画面の拡大と同時に伸縮率に合わせてテキストボックスとスクロールバーの大きさを変更したいです。
誰かご教授頂けませんか。

tkinterを利用して以下のコードを作りました。
```Python
import tkinter as tk

root = tk.Tk()
root.geometry("300x300")

canvas = tk.Canvas(root)
canvas.pack()

scrollbar = tk.Scrollbar(canvas)
scrollbar.pack(side=tk.RIGHT,fill="y")
text = tk.Text(canvas,width=10,height=10)
text.pack(side=tk.LEFT)
text["yscrollcommand"] = scrollbar.set

root.mainloop()
```

tkinter画面の伸縮と同時にTextboxの大きさを変更したい

### 前提・実現したいこと
テキストボックスのIMEモードを個別に設定したいです。

現在、
TextBox1のIMEModeをひらがな
TextBox2のIMEModeを半角カタカナに設定し
TextBox1の入力内容のフリガナをTextBox2に入力してもらうような設計にしています。

しかし、実際に動かすとどちらもIMEModeがひらがなになってしまいます。
調べてみるとOSの設定を変更することで切り替えが可能になるらしいのですが、
できるだけOSに依存したくないです。

また、Enter時、もしくはTextBox2から離れるときに変換して反映することも考えたのですが
入力している間はひらがなが出てしまい、違和感があります。

解決方法をご教授いただきたいです。
言語はC#で、.NETFrameWork4.8を使用しています。
よろしくお願いいたします。

テキストボックスのIMEモードを個別に設定したいです

現在ボタンを押すと、textBoxに計算された答えを表示するアプリを作成しているのですが、表示される答えがいつも「０」になってしまいます。
アプリとしての機能はBottonをclickするとtextBoxに変数が表示されるという簡単なものなのです。しかし、textboxに「0,0038」と表示させたいところが毎回「０」となってしまします。c#にグローバル変数はないということがわかりましたので、表示させたい変数ｓはグローバル変数のような形で使っています。
コードは以下のようになっています。
ご教授していただければありがたいです。
よろしくお願い致します。

visual studio  Ver.2019　　を使用しています。

【コード】

``` 
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace keisann_tamesi_aplication
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();


        }

          static double s ;
         
            private static void main(string[] args)


            {

                var Val = new int[] { 20,21,24,324,345,344,23,22,21,327,344,322,21,21,21,329,344,321,21,21,21,323,345,344,21,21,21,324,344,344,21,21,21,21,
                326,344,345,21,21,21,21,344,322,321,324,21,21,21,21,21 };

                //Valの隣り合う要素の値の差を要素値とする配列 A を作る
                var A = new int[Val.Length - 1];

                int[] C = new int[101];
                for (int i = 0; i < A.Length; ++i)
                {
                    A[i] = Val[i + 1] - Val[i];
                }
                //配列Aの要素の中から295より大きいものを配列retに代入していく
                //   int[] ret = Array.FindAll(A, num => num > 295);

                int n = 0;
                for (int i = 0; i < A.Length; i++)
                {

                    if (A[i] >= 295)
                    {
                        C[n] = i; n = n + 1;
                    }
                }


                //配列 ret の隣り合う要素の値の差を要素値とする配列 hip を作る
                var hip = new int[C.Length - 1];
                for (int i = 0; i < hip.Length; ++i)
                {

                    hip[i] = C[i + 1] - C[i];
                }

                //配列 hip の要素から奇数番目の要素を取り出す
　　　　　　　　int[] B = new int[3];
           　　 double l = 0;
                for (int i = 0; i < B.Length; ++i)
                {
                    B[i] = hip[i * 2];
                }

                for (int i = 0; i < B.Length; ++i)
                {
                    l += B[i];
                }

            s = l / 50 * 0.01;

                

        }

            public void button1_Click(object sender, EventArgs e)
            {
            this.Invoke(new MethodInvoker(() => textBox1.Text = Convert.ToString(s)));
        }

        }
        

}

``` 　
【試したこと】
上の計算自体が間違っているのかと考え、いったんコンソールアプリケーションのほうで動かしてみると問題なくいきました。

C# textBoxに変数を表示させたい

### 前提

C# WPF+Livet3.2でテキストボックスがいくつかあるフォームを作っています。
特定のTextBoxでEnterキーが押されたときに、ViewModelにあるメソッドを実行したいと思っています。

### 実現したいこと・解決方法について

個々のTextBoxでEnterキーを押下したときにViewModel.csのメソッドを呼び出すには、どのようにすればよいでしょうか


### 発生している問題・エラーメッセージ

抜粋ですがxamlで以下のように設定していますが、特定のTextBoxだけでなく全てのTextBoxでEnterキーのイベントが発生してしまいます。（以下の例だとHogeだけでなくHugaのTextBoxでも動いてしまう）
<TextBox.InputBinding>等も試みてみたのですが、うまくいかず、またコードビハインドを使わない例が見当たりませんでした。


### 該当のソースコード

```xml
<Window
    x:Class="LivetMDFlipTu01.Views.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:behaviors="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:l="http://schemas.livet-mvvm.net/2011/wpf"
    xmlns:v="clr-namespace:LivetMDFlipTu01.Views"
    xmlns:vm="clr-namespace:LivetMDFlipTu01.ViewModels"
    xmlns:b="clr-namespace:LivetMDFlipTu01.Behaviors"
    xmlns:wpf="clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
...(略) >

<TextBox x:Name="Hoge">
  <behaviors:Interaction.Triggers>
    <behaviors:KeyTrigger Key="Enter">
      <l:LivetCallMethodAction MethodName="ToggleColor" MethodTarget="{Binding}"></l:LivetCallMethodAction>
    </behaviors:KeyTrigger>
  </behaviors:Interaction.Triggers>
</TextBox>

<TextBox x:Name="Huga">
```

### 補足情報（FW/ツールのバージョンなど）

```ここに言語名を入力
環境は次のとおりです。
VisualStudio2019
.NET Framework 4.5.2
c# 
WPF
Livet 3.2.3.1
(MainWindow.xaml等LivetCaskのプロジェクトテンプレートから作成)
```

WPF+LivetのMVVMで、TextBoxでEnterキーが押された時のイベントを指定したい

### 実現したいこと
お問い合わせのラジオボタンを表示させたままにしたい。
【「求人案内」ボタンを押したあと、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押しても「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」ボタンを表示させたままにしたい。】

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/215672f0-026d-4555-a1cc-c030b82d4efd.png)

### 前提

サイトURLはこちらです。
https://cyder-royal.co.jp/contact/

現在ワードプレスのElementorというプラグインを使用し、サイト制作をしています。
その中でコンタクトフォーム7というプラグインを使用し、お問い合わせフォームを作成しました。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/bf5e6653-4fd3-42e8-be13-ca997648af5e.png)

また、Conditional Fields for Contact Form 7というプラグインを使用し、お問い合わせ内のラジオボタンを作成しました。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/b8b4177b-1d86-4c7f-852f-922625582f2d.png)

各情報は下記の通りです。

■フォームテキスト

```
<table class="inquiry">
<tr>
<th>
<span class="must">必須</span><span>お名前</span>
</th>
<td>
[text* your-name class:textsp]
</td>
</tr>
<tr>
<th>
<span class="must">必須</span><span>メールアドレス</span>
</th>
<td>[email* your-email class:mailsp]</td>
</tr>
<tr>
<th>
<span>電話番号 (任意)</span>
</th>
<td>[tel tel-715]</td>
</tr>
<tr>
<th>
<span class="must">必須</span><span>お問い合わせ内容</span>
</th>
<td>
[radio radio-277 use_label_element default:1 
"宿泊施設の総合コンサルティング""宿泊事業の許認可取得、消防法関係""施設に設置する家具の選定""宿泊施設のオペレーション""オペレーション運営代行サービス""プロによる清掃代行（エリア限定）""求人案内"]
[group group-824]
[radio radio-277 use_label_element default:1 "物件探索/営業スタッフ""清掃スタッフ""施設メンテナンス/組立スタッフ"]
[/group]
</td>
</tr>
</table>
[acceptance acceptance-442 class:spam1]スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。
[submit id:formbtn "上記の内容で送信する"]
```

■条件付きフィールド

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/703b0e27-4ea9-4ed1-9848-906a4078a6d9.png)

■カスタムCSS

```
/*Contact Form 7カスタマイズ*/
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/*スマホContact Form 7カスタマイズ*/
@media(max-width:768px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}

/* 記入欄の横幅 */
.wpcf7-text{
	width: 100%;
}

/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#fff;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.must{
 font-size:7px;
 padding:5px;
 background:#AE0001;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.free{
 font-size:7px;
 padding:5px;
 background:#d7d7d7;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

/*ラジオボタンの余白*/
.wpcf7-list-item-label{
    margin: 0 15px 0 5px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#122A88;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#122A8842;
}
```

### 発生している問題・分からないこと
「求人案内」ボタンを押して、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押すと、

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/ee0b3649-b857-4e2c-9f71-c1d084884e4f.png)

下記のように「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」が消えてしまいます。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/92dac91a-bbde-4f94-8070-12294a828ef5.png)



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
https://d-spport.jp/memorandum/contact-forms-terms/#google_vignette
上記サイトを参考に
1.条件分岐選択肢を作成
2.条件グループの作成
3.条件の作成

この手順で試しましたが、解決しませんでした。

### 補足
### 解決してほしいこと

なぜか「求人案内」ボタンを押して、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押すと「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」が消えてしまいます。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/af81a9bb-2362-486b-877e-bb4467dac42c.png)

「求人案内」ボタンを押したあと、下の項目(例えば、「物件探索/営業スタッフ」ボタン)を押しても「物件探索/営業スタッフ」「清掃スタッフ」「施設メンテナンス/組立スタッフ」ボタンを表示させたままにしたいです。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-20/630ead69-ba40-470e-bd87-c7733b87084d.png)

Wordpressのコンタクトフォーム7の実装やお問い合わせフォーム・プラグインなどに詳しい方がいましたらよろしくお願いします！

お問い合わせのラジオボタンを表示させたままにしたい。

###　(C#,WPF)RichTextBoxで入力された文字があっていれば文字の色を変化させる

初めての質問で至らない点があれば申し訳ありません。
WPFでタイピングゲームを開発したいと思い、寿司打のデザインを参考にして開発をしています。表示されているローマ字を入力し、テキストが合っていれば入力したテキスト分のローマ字が赤色に変化するようにしたいです。

### 色は変化していくが2文字目から変化する色にズレが生じる

最初の文字は赤色に変化しますが、2文字目、3文字目を入力しても色が変化せず、4文字目でまた色が赤色に変わり始めます。
文を打ち終わるころには最初の2文字分赤色に変化していない部分が存在してしまいます。
下記のコードにこだわりがあるわけではない為、寿司打を再現できる簡単な方法があればよいのですが…

### 該当のソースコード

```C#
String ans;
String kaitou = "tonarinokyakuhayokukakikuukyakuda";
TextPointer p;
ans = tb.Text;
   
   if(ans.Substring(ans.Length-1,1) == kaitou.Substring(ans.Length - 1, 1))
   {
      p = rtb.CaretPosition.GetPositionAtOffset(ans.Length);
      TextRange textRange = new TextRange(rtb.Document.ContentStart, p);
      textRange.ApplyPropertyValue(TextElement.ForegroundProperty,Brushes.Red);
   }
```


### 補足情報（FW/ツールのバージョンなど）
.NET FrameWork 4.7.2
Visual Studio 2019で開発しています。