text_areaで作ったテキスト入力欄のリサイズ機能を停止させたい

よろしくお願いします。
railsで自作のアプリを作っているのですが、newアクションのフォーム入力欄で使用している複数行テキスト入力欄のリサイズ機能を停止させたいです。

調べた限りCSSで

CSS
1textarea{
2  resize: none;
3  }

と記述すればよい、とあったので試してみたのですがうまくいきません。
適切な方法があったら教えていただきたいです。

new.html.erb

html
1<% @page_title = "新規情報の追加" %>
2
3<h1><%= @page_title %></h1>
4
5<td><%= link_to "詳細へ戻る", @cow %></td>
6
7<%= form_for @treat do |form| %>
8  <%= render "form", form: form %>
9  <div><%= form.submit %></div>
10<% end %>
11

_form.html.erb

html
1<table class = "form">
2   <tr>
3     <th><%= form.label :posted_at, "日付" %></th>
4     <td><%= form.date_select :posted_at,start_year: 2010, end_year: Time.current.year,
5             use_month_numbers: true %></td>
6   
7     <th>項目</th>
8       <td>
9         <%= form.select :content,["治療","受精","妊鑑","乾乳","分娩"] %>
10       </td>
11     </tr>
12 
13     <tr>
14      <th>内容</th>
15      <td colspan = "3"><%= form.text_area :detail, size: "70*20" %></td>
16     </tr>
17</table>

table.css

css
1table{
2  margin-right: auto;
3  margin-left: auto;
4}
5
6table.list,table.attr {
7  font-size: 100%;
8  width: 70%;
9}
10
11 table.list td, table.attr td {
12   background-color: #cee;
13   border: 1px green solid;
14   text-align: center;
15 }
16 
17 table.detail {
18   font-size: 200%;
19   width; 30%;
20 }
21 
22 table.detail td {
23   background-color: #cee;
24   border: 1px green solid;
25   text-align: center;
26 }
27 
28 table.form {
29  font-size: 100%;
30  width: 50%;
31}
32
33table.form td, table.form th {
34   background-color: #cee;
35   border: 1px green solid;
36   text-align: center;
37 }
38 
39 
40 table.index {
41  font-size: 100%;
42  width: 20%;
43  
44
45
46 table.index td {
47   background-color: #cee;
48   border: 1px green solid;
49   text-align: center;
50
51   }
52 textarea{
53   resize: none;
54   }