常連

やりたいこと 外枠なしのテキストボックス


```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の大きさを変更したい

### 実現したいこと
初めまして。お世話になります。

現在ASP.NETで検証コントロールを使用して開発しております。
しかし困った事がありご教授して頂きたく書き込みさせて頂きます。

現在ラジオボタンが2つあり、それぞれにテキストボックスがあります。
ラジオボタンの選択により、それぞれ対象のテキストボックスをjavascriptにより無効化しております。

テキストボックスにはそれぞれ検証コントロールを貼ってあるのですが、
ラジオボタンの選択でテキストボックスが無効化されるタイミングと同時に、検証コントロールも無効化したいのです。

色々と試していますが、うまく行きません。

ご教授頂ければ幸いです。よろしくお願いいたします。

### 発生している問題・分からないこと
色々試しましたがエラーとなり実現出来ません。



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

```
特になし
```

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

##### 上記の詳細・結果
検索しましたが例が見つかりませんでした。

### 補足
特になし

ASP.NETで検証コントロールの有効/無効をjavascriptで制御

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

![イメージ説明](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の実装やお問い合わせフォーム・プラグインなどに詳しい方がいましたらよろしくお願いします！

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

### 前提・実現したいこと
テキストボックスの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のプロジェクトテンプレートから作成)
```