diff --git a/RoomManager.js b/RoomManager.js
index 1a162a6..ea6de3c 100644
--- a/RoomManager.js
+++ b/RoomManager.js
@@ -608,7 +608,7 @@ function updateRoom (msgObj) {
 		audio.playSoundEffect('JoinRoom');
 	}
 
-	$('room-name').textContent = msgObj.roomName;
+	$('room-name').value = msgObj.roomName;
 	$('room-host-nickname').textContent = msgObj.host;
 	$('room-guest-nickname').textContent = msgObj.guest;
 	setClass($('room-guest-nickname'),'ready',msgObj.guestReady);
@@ -856,6 +856,15 @@ $('link-edit-deck').onclick = function (event) {
 	return false;
 };
 
+$('room-name').onblur = function (event) {
+	var roomName = event.target.value;
+	if (roomName) {
+		socket.emit('renameRoom', {
+			'roomName': roomName
+		});
+	}
+};
+
 /* 直播 */
 var stopFetchingLive = 0;
 var watchingLive = false;
diff --git a/css.css b/css.css
index 25f59fb..a85ae4c 100644
--- a/css.css
+++ b/css.css
@@ -415,6 +415,9 @@ ol,ul,li {
 	color: #f2442b;
 	font-size: 150%;
 	font-weight: bold;
+	text-align: center;
+	background: transparent;
+	border: none;
 }
 #room-host-nickname {
 	color: #77d25b;
diff --git a/index.html b/index.html
index 4fb0205..258cd42 100644
--- a/index.html
+++ b/index.html
@@ -86,7 +86,9 @@
 		<table id="table-room">
 			<tbody>
 					<tr>
-						<td colspan="100"><span id="room-name"></span></td>
+						<td colspan="100">
+							<input id="room-name" type="text"></input>
+						</td>
 					</tr>
 					<tr>
 						<td><span id="room-host-nickname" class="nickname"></span></td>